Question

我需要在一行 jqPlot 上显示数据，其中包含两个不同的比例（米和英尺）。我在同一个图上有多个行/数据集，还有一个 jQuery切换，它将切换 jqPlot 中显示的数据集。

我想在一边有脚，在右边有米;但是，我能看到的唯一方法是为每个 y轴设置min, max, and numTicks，并将数据与一个比例（英尺）相关联。

是否有更好的方法可以使用两个不同的比例显示一组数据？

data1 = [[0,1],[1,2],[2,3]]; - 在脚

需要左轴显示数据1 需要右轴以米为单位显示每个 gridMark 。

我一直将 y轴标记为min: 0, max: 9, numTicks: 9 右 y2axis 为min:0, max: 2.74, numTicks: 9。

Answer 1

如果我理解......你可以这样做:(诀窍是隐藏米......）

$(document).ready(function(){
var feet=[2052, 2205, 1910, 2085, 2261,  1714,  3123];
//transform values to meters...(I put some examples values..)
var meters=[2121, 32323, 65656, 21212, 32323,  54544,  31230];



var plot1 = $.jqplot('chart1', [meters, feet], {
  title:'Meters and Feet',
 axes:{

      yaxis:{  
        autoscale:true,
        label: "feet"
      },  
      y2axis:{
        autoscale:true, 
        tickOptions:{showGridline:false},
        label: "meters"
      }

  },
    series:[{lineWidth:4, showLine: false, showMarker:false}, {yaxis:'y2axis'}]
});
});

http://jsfiddle.net/pabloker/aJnE3/1/

JQplot具有两个不同比例的相同数据（米和英尺）

1 个答案: