dojox.charting轴标签丢弃

时间:2014-03-06 17:08:38

标签: javascript charts dojox.charting

使用dojox.charting创建柱形图。 x轴标签是日期,即使正在使用dropLabels: false,如果系列数为10或更多,则只打印一个标签。

当我调整循环以停止9次迭代时,它会打印所有标签。只要它碰到10个项目,就会打印出一个标签。我甚至尝试缩短标签长度以防万一,但发生了同样的事情。

任何人都知道为什么会这样吗?这是一个错误还是我们只是做错了什么?

修改 我发现了一些有趣的事如果您在10次或更多次迭代时,不仅仅会打印一个标签。 第10个标签打印。

9 items

10 items

16 items

以下是图表对象的实例化方式。如果更多细节会有所帮助,我可以提供。

chart = new dojox.charting.Chart2D("lineChartDiv");
chart.addPlot("default", { type: "ClusteredColumns", label: true, labelStyle: "outside", labeloffset: 5, gap: 15, minBarSize: 15, maxBarSize: 15, enableCache: true });
chart.addPlot("other2", { type: "Columns", gap: 30, minBarSize: 50, maxBarSize: 50, stroke: { color: "rgba(0,0,0,.3)" }, fill: "rgba(0,0,0,0)", enableCache: true });
chart.addPlot("other3", { type: "Columns", gap: 30, minBarSize: 50, maxBarSize: 50, stroke: { color: "rgba(0,0,0,1)" }, fill: "rgba(0,0,0,0)", enableCache: true });
chart.addPlot("other", { type: "Grid", hMajorLines: true, hMinorLines: false, vMajorLines: false, vMinorLines: false, majorHLine: { color: "rgba(0,0,0,.3)", width: 1 }, renderOnAxis: false, enableCache: true });


console.log('labels', labels);
chart.addAxis("x", { labels: labels, stroke: "#a6a6a6", majorTicks: true, minorTicks: false, minorLabels: false, dropLabels: false });
chart.addAxis("y", { vertical: true, stroke: "#a6a6a6", majorTickStep: EachTickStep, minorTicks: false });
chart.addSeries("Actual Burnup Past", actualBurnupPast, { stroke: { color: "#00b7e2" }, fill: "#00b7e2" });
chart.addSeries("Planned Burnup", plannedBurnup, { stroke: { color: "#a6a6a6" }, fill: "#a6a6a6" });
chart.addSeries("Hardening", hardening, { plot: "other2" });
chart.addSeries("Regression", regression, { plot: "other3" });

chart.render();

1 个答案:

答案 0 :(得分:1)

显然,问题与财产majorTickStep有关。如果没有定义,如果显示10个或更多系列,它似乎默认为10。当我明确设置值时,标签按预期打印。

majorTickStep: 1