javascript - 在单个轴上绘制多个比例

Question

我正在尝试在网页上绘制一些数据。我有 4 个以上的系列和一个共同的 X 轴，但 Y 轴上的缩放对于每个系列应该是唯一的。

类似于下图(您可以在 Y 轴和 Y2 轴上看到多个刻度)

我一直在测试 jqplot，它支持 Y 和 Y2 轴，但我看不出有什么方法可以在每个轴上设置一个以上的比例，这可能吗？

如果没有，是否有另一个我可以使用的包可以做到这一点？

Answer 1

我发现 JQplot 支持两个以上的 YAxis，但第一个轴之后的每个轴都将显示在绘图的右侧我发现没有简单的方法来修改此行为。下图是我能够使用 4 个 yaxis 刻度创建的图

.

绘图语句中类似于下面的 Javascript 的东西就可以做到这一点。

        axes: {
                xaxis: {  
                        show: true,      
                        renderer: $.jqplot.LinearAxisRenderer,
                        drawMajorGridlines: true, 
                        min: 0,
                        max: 21,
                        numberTicks: 7, 
                        },                  
                yaxis: {
                        show: true,
                        renderer: $.jqplot.LinearAxisRenderer,
                       },   

               y2axis: {
                        show: true,
                        renderer: $.jqplot.LinearAxisRenderer,
                       },   

               y3axis: {
                        show: true,
                        renderer: $.jqplot.LinearAxisRenderer,
                       },   
               y4axis: {
                        show: true,
                        renderer: $.jqplot.LinearAxisRenderer,
                       },
                },