如何在一个图表中调整多个轴的位置?

时间:2015-01-12 08:48:50

标签: dojo dojox.charting

我使用dojo创建折线图。最近,我一直在图表上应用多个轴。但这里有一个问题。它在一个地方应用于多个轴我提出了重叠刻度值的问题。并且不要改变leftBottom的属性,有没有办法调整轴的位置?例如,x:10,y:20?

我的代码

 var axisXRef = {labels : labelsample, titleOrientation : "away", stroke : {}, natural : true};
 var axisYRef = {vertical : true, stroke : {}};

 var chart = new Chart("chartNode");
 chart.addPlot("lines", { type: Lines, tension: 3 ,min:0});
 chart.addPlot("stacklines", { type: StackedLines, tension: 3 ,hAxis:"x",vAxis:"y1"});
 chart.addPlot("areas", { type: Areas, tension: 3,hAxis:"x",vAxis:"y2" });

 chart.custom.axisX = lang.clone(axisXRef);
 chart.custom.axisY = lang.clone(axisYRef);
 chart.addAxis("x", chart.custom.axisX);
 chart.addAxis("y", chart.custom.axisY);
 chart.addAxis("y1", {
                vertical: true,
                min : 50,
                max:70,
                leftBottom:true,
                majorLabels: true, majorTicks: true, majorTick: {color:"red",length:50},
                minorLabels: true, minorTicks:true, minorTick:{color:"red",length:50},
                microTicks: true, microTick:{color:"red",length:50},
                fixUpper: "major",
                fixLower:"minor"
           });
chart.addAxis("y2", {
                vertical: true,
                min : 0,
                max:49,
                leftBottom:true,
                majorLabels: true, majorTicks: true, majorTick: {color:"blue",length:25},
                minorLabels: true, minorTicks:true, minorTick:{color:"blue",length:25},
                microTicks: true, microTick:{color:"blue",length:25},
                fixUpper: "major",
                fixLower:"minor"
            });

1 个答案:

答案 0 :(得分:0)

不幸的是,Dojo图表仅支持每个方向的两个轴,两个轴都位于图表的不同侧。换句话说,您不能在图表的左侧有两个轴。您必须使用leftBottom:false属性拥有一个右侧。