dojox.charting

How to deal with overlapping X-axis labels in DOJO chart?

由 倾然丶 夕夏残阳落幕 提交于 2019-12-11 07:38:17
问题 I have recently starting using the dojo library, and I am currently having some formatting problems with my x-axis labels. A few of the labels have longer names, and thus there is some overlap going on. Is there some way to have the labels automatically space themselves, or for longer labels to appear below the others so that they do not overlap the other labels? I have tried using the rotation property, bu I was not satisfied with the result. While it did prevent overlapping, it also

dojox chart highlight effect not working

由 做~自己de王妃 提交于 2019-12-11 06:58:13
问题 I've created a simple column chart using dojo version 1.8 and I want to add a highlight effect on mouseover for each column. Dojo's dojox charting API provides a nice class called Highlight that you should be able to instantiate injecting a chart instance and a plot name as below... new Highlight(ChartInstance, "plotName"); Here is the docs to support this: http://dojotoolkit.org/reference-guide/1.8/dojox/charting.html#highlight http://dojotoolkit.org/api/1.8/dojox/charting/action2d/Highlight

add text to dojo chart (in this case scatter chart)

由 爱⌒轻易说出口 提交于 2019-12-11 03:06:54
问题 I want to add custom text to my (scatter) chart. I could netiher find an example nor any other appropriate dojo function for that. By now I have a tooltip for each point of my scatter chart, but I'd rather like to have a label for it. Any idea? Thanks! 回答1: You need to upgrade to dojo 1.9.7 at least to use this answer: First of all, You have to set a new option: "labelStyle: 'outside'". This position the text uppon the circle in case the label width is larger than than the circle. The next

dojox charting: remove the padding around the chart

由 社会主义新天地 提交于 2019-12-07 18:48:17
问题 How can I move the padding around a dojox chart? Here is an example: var chart1 = new dojox.charting.Chart2D("simplechart", {fill:"#FFC0C0"}); chart1.addPlot("default", {type:"Columns"}); chart1.addAxis("y", {type:"Invisible", includeZero:true, vertical: true}); chart1.addSeries("Series 1", [ 4,9,16,25,36,49,64,81,100 ]); chart1.render(); Here is the plot generated. http://www.flickr.com/photos/8110919@N02/5634624479/ Is there a way to remove the pink area around the chart? Thanks. 回答1: i

Using requirejs with dojo 1.9.1

由 不问归期 提交于 2019-12-07 07:51:45
问题 Can anybody provide me with a simple example of how to use requirejs to load dojo modules? The requirejs.org website indicates it is best to use the dojo loader until a ticket is resolved - but that ticket appears to be resolved and is now closed. I am encountering errors such as described here (duplicated below) only now with dojo 1.9.1. Error: TypeError: _3.add is not a function _3.add("dom-addeventlistener",!!document.addEventListener); (I have an existing backbone app that uses requirejs

Dojox charting programmatically using store series

由 冷暖自知 提交于 2019-12-06 16:04:29
问题 I have been trying to get dojo charting working using the programmatic method. I have tried the following but the graph is not showing. //Requirements dojo.require("dojo.data.ItemFileWriteStore"); dojo.require('dojox.charting.Chart2D'); dojo.require('dojox.charting.widget.Chart2D'); dojo.require('dojox.charting.themes.PlotKit.blue'); dojo.require('dojox.charting.plot2d.Columns'); dojo.require('dojox.charting.StoreSeries'); dojo.ready(function() { var data = {"identifier":"MyMonth","label":

Using chart.addAxis and defining a title for the horizontal line on a Line graph the title is inverted

由 孤人 提交于 2019-12-05 17:21:10
How do you define a title that will not be inverted on the horizontal axis of a line graph, using the chart.addAxis method. Currently my code is seen below. What happens is when the "X Axis" is rendered it is inverted upside down. chart1.setTheme(dojox.charting.themes.ThreeD); chart1.addAxis("x", { title: 'X Axis', range: { lower: 0, upper: 70}, //to enable scaling of ticks //majorTickStep: 4, //minorTickStep: 2, //microTickStep: 1 //to enable min and max range //min: 0, //max: 10, showTicks : true, min: 0, max: 10, fixLower: "major", fixUpper: "major", majorTick: { stroke: "black", length: 3

Using requirejs with dojo 1.9.1

由 白昼怎懂夜的黑 提交于 2019-12-05 15:22:59
Can anybody provide me with a simple example of how to use requirejs to load dojo modules? The requirejs.org website indicates it is best to use the dojo loader until a ticket is resolved - but that ticket appears to be resolved and is now closed. I am encountering errors such as described here (duplicated below) only now with dojo 1.9.1. Error: TypeError: _3.add is not a function _3.add("dom-addeventlistener",!!document.addEventListener); (I have an existing backbone app that uses requirejs and am simply trying to integrate in dojo charting). You need to use the source/SDK version of the Dojo

Dojox charting programmatically using store series

由 旧时模样 提交于 2019-12-04 19:19:25
I have been trying to get dojo charting working using the programmatic method. I have tried the following but the graph is not showing. //Requirements dojo.require("dojo.data.ItemFileWriteStore"); dojo.require('dojox.charting.Chart2D'); dojo.require('dojox.charting.widget.Chart2D'); dojo.require('dojox.charting.themes.PlotKit.blue'); dojo.require('dojox.charting.plot2d.Columns'); dojo.require('dojox.charting.StoreSeries'); dojo.ready(function() { var data = {"identifier":"MyMonth","label":"MyMonth","items":[{"MyAmount":"98498.67","MyMonth":"1"},{"MyAmount":"114384.10","MyMonth":"2"},{"MyAmount

Appending Javascript Array Values to the DOJO div

由 左心房为你撑大大i 提交于 2019-12-02 10:48:06
I have a Array of Values as shown above . myarray2.push("10-FEB-11"); myarray2.push("11-FEB-11"); myarray2.push("12-FEB-11"); myarray2.push("13-FEB-11"); myarray2.push("14-FEB-11"); I want to have these Values inside the div hrXAxisSlider as shown (Currently its hardcoded , but is that possible ) <div id="hrXAxisSlider" dojoType="dojox.form.HorizontalRangeSlider"> <ol dojoType="dijit.form.HorizontalRuleLabels" > <li>10-FEB-11</li><li>11-FEB-11</li><li>12-FEB-11</li><li>13-FEB-11</li><li>14-FEB-11</li> </ol> </div> You can accomplish this with a simple javascript for loop: var ol = document
订阅 dojox.charting