Databases
StackOverflow2013
Postsdbo
POLegend not getting displayed -Dojo
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLegend not getting displayed -Dojo
    text
    copied!<p>I am beginner trying out charting example using DOjo..This is a code I picked from this forum. I am able to see the graph but unable to see the legend at all...</p> <p>Is the fault in the widget declaration or some files missing? All the files are availbale in my system though.. I am thoroughly lost..</p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code> dojo.require("dojox.charting.Chart2D"); dojo.require("dojox.charting.Chart2D"); dojo.require("dojox.charting.themes.PlotKit.blue"); dojo.require("dojox.charting.widget.Legend"); dojo.require("dojox.layout.FloatingPane"); dojo.require("dojox.charting.themes.MiamiNice"); dojo.require("dojo.colors"); makeCharts = function() { var chart1 = new dojox.charting.Chart2D("simplechart"); chart1.addPlot("default", { type: "StackedColumns", markers: true, tension: 3, shadows: { dx: 2, dy: 2, dw: 2 } }); chart1.addAxis("x", { labels: [{ value: 1, text: '18-Mar' }, { value: 2, text: '19-Mar' }, { value: 3, text: '20-Mar' }, { value: 4, text: '21-Mar' }, { value: 5, text: '22-Mar' }, { value: 6, text: '23-Mar' }] }); chart1.addAxis("y", { vertical: true }); chart1.addSeries("Four", [196, 209, 77, 218, 48, 243]); chart1.addSeries("One", [266, 158, 131, 228, 217, 262]); chart1.addSeries("Three", [296, 214, 267, 80, 40, 225]); chart1.addSeries("Two", [207, 264, 115, 227, 193, 27]); chart1.setTheme(dojox.charting.themes.MiamiNice); chart1.render(); var legend = new dojox.charting.widget.Legend({ chart: chart1, horizontal: true }, "legend"); }; dojo.addOnLoad(makeCharts);</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/resources/dojo.css"&gt; &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dijit/themes/tundra/tundra.css" media="screen" /&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js" data-dojo-config="isDebug: true, parseOnLoad: true"&gt;&lt;/script&gt; &lt;body class="tundra"&gt; &lt;div id="simplechart" style="width: 350px; height: 150px;"&gt;&lt;/div&gt;</code></pre> </div> </div> </p> <p>Kindly help..</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