Saturday 15 February 2014

javascript - How do I correct Dojo MouseIndicator marking on wrong plot in Chart with multiple y-axes? -



javascript - How do I correct Dojo MouseIndicator marking on wrong plot in Chart with multiple y-axes? -

i'm migrating project asp classic asp.net , planning upgrade our dojo framework while @ it. 1 aspect of project uses line chart 2 y-axes display information. user can toggle mouseindicator provide tooltip either line. worked fine in dojo 1.8 seems broken in dojo 1.9 , on. 'seems' because it's possible i'm missing newer version requires.

an illustration fiddle of issue below. if click on chart show indicator you'll notice marker displaying against 'default' plot (the left y-axis) though have declared indicator using 'plot2'. if alter framework 1.8, works expected.

http://jsfiddle.net/l19mmy34/3/

<div id="chartone" style="width: 400px; height: 400px;"></div> <script> require(["dojox/charting/chart", "dojox/charting/themes/claro", "dojox/charting/axis2d/default", "dojox/charting/plot2d/lines", "dojox/charting/action2d/mouseindicator", 'dojox/charting/action2d/mousezoomandpan', "dojo/ready"], function(chart, claro, default, lines, indicator, zoomandpan, ready){ ready(function(){ var chart1 = new chart("chartone"); chart1.addplot("default", {type: lines, haxis: 'x', vaxis: 'y'}); chart1.addplot("plot2", {type: lines, haxis: 'x', vaxis: 'y2'}); chart1.addaxis('x', { natural: true, title: 'elapsed minutes', titleorientation: 'away' }); chart1.addaxis('y', { gap: 10, vertical: true }); chart1.addaxis('y2', { gap: 10, vertical: true, leftbottom: false }); chart1.addseries("series 1", [-5, 1, 2, 2, 3, 4, 5, 5, 7]); chart1.addseries("series 2", [-1, -2, -3, -4, -5, -5, -6, -7], {plot: 'plot2'}); var mouse = indicator(chart1, "plot2", {series: "series 2", marker: true}); var zoom = zoomandpan(chart1, 'default'); chart1.settheme(claro); chart1.render(); }); }); </script>

is bug that's made through 2 releases or missing new module?

you've correctly 'required' mouseindicator , mousezoomandpan defining function, class names used in function argument , function body need changed:

zoomandpan -> mousezoomandpan indicator -> mouseindicator

javascript asp.net dojo dojox.charting

No comments:

Post a Comment