Databases
StackOverflow2013
Postsdbo
PODisplay point values on mouseover in dojox.charting.Chart
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODisplay point values on mouseover in dojox.charting.Chart
    text
    copied!<p>I have two questions regarding dojo charts.</p> <p>1) How can I show point values in a dojo Chart on mouse over? Below is the chart I developed using YUI library. you can see when I mouseover a point it displays the series name and its value at the point. In this case it is Customs Duty and Fees [value: 30,546]. My question is how I can achieve this functionality in dojo charts?</p> <p><img src="https://i.stack.imgur.com/DCYFA.png" alt="enter image description here"></p> <p>2) Is there any way that the chart displayed on screen can be exported to an Image file (png or gif)? in Yui we can right click the chart and export it to png.</p> <p>I am using the dojo version 1.8.3</p> <p>You may look into the following code to see how I am creating a chart:</p> <pre><code>require(["dojo/ready", "dojox/charting/Chart2D","dojox/charting/themes/Claro"], function(ready, Chart,ClaroTheme) { ready(function() { var mychart = Chart("mychart"); mychart.title = "My Chart"; mychart.titleFont = "tahoma"; mychart.addPlot("line_plot", { type: "Lines", lines: true, areas: false, markers: true }); mychart.addPlot("column_plot", { type: "Columns", lines: true, areas: false, markers: true }); mychart.addAxis("x", { vertical: false }); mychart.addAxis("y", { vertical: true }); mychart.addSeries("line_series", [1, 3, 5, 2, 6, 1, 0, 4, 6, 4, 1], { plot: "line_plot" }); mychart.addSeries("column_series", [1, 3, 5, 2, 6, 1, 0, 4, 6, 4, 1], { plot: "column_plot" }); mychart.setTheme(ClaroTheme); mychart.render(); }); }); </code></pre> <p><a href="http://jsfiddle.net/5VYhN/" rel="nofollow noreferrer">http://jsfiddle.net/5VYhN/</a></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload