如何调整一张图表中多个坐标轴的位置？

Question

我使用 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"
            });

Answer 1

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

如何调整一张图表中多个坐标轴的位置？

How to adjust the position of several axes in one chart?

dojo

dojox.charting