更改网格图-dojo的颜色

时间:2011-06-23 23:02:00

标签: javascript dojo charts dojox.charting

我正在使用此代码:

chart1.addPlot("grid", {
type: "Grid", 
hMinorLines: true
});

我怎样才能改变网格的颜色,以及每条线之间的间隔? 有可能,对吧?

谢谢

enter image description here

1 个答案:

答案 0 :(得分:3)

网格线之间的间隔由您给轴的刻度步长参数决定。因此,如果您想要每个整数的主要水平线/刻度线,以及每个.25的小水平线,您可以这样做:

chart1.addAxis("y", {
    ...
    majorTickStep: 1, 
    minorTickStep: 0.25
});

要更改网格线的颜色,我唯一知道的方法是操纵您正在使用的主题。

var myTheme = dojox.charting.themes.PlotKit.blue; // Or any other theme

myTheme.axis.majorTick.color = "green";
myTheme.axis.minorTick.color = "red";

chart1.setTheme(myTheme);