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

Question

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

如下图所示（您可以在 Y 轴和 Y2 轴上看到多个刻度）

我一直在测试它支持 Y 和 Y2 轴的 jqplot，但我看不出有一种方法可以在每个轴上拥有一个以上的刻度，这可能吗？

如果没有，我可以使用另一个包来做到这一点吗？

Answer 1

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

.

plot 语句中类似下面的 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,
                       },
                },