0

2 つの異なるスケール (メートルとフィート) を使用してjqPlot行にデータを表示する必要があります。同じプロットに複数の行/データ セットがあり、 jqPlotに表示されるデータ セットを切り替えるjQuery トグルもあります。

片側にフィート、右側にメートルを配置したいと思います。ただし、これを行う唯一の方法は、y 軸min, max, and numTicksごとに を設定し、データを 1 つのスケール (フィート) に関連付けることです。

2 つの別々のスケールで一連のデータを表示するためのより良い方法はありますか?

data1 = [[0,1],[1,2],[2,3]];-- フィートで

データを表示するために左軸がフィートである必要があります1 各gridMarkをメートル単位で表示するには右軸が必要です。

左の y 軸を としてマークしていmin: 0, max: 9, numTicks: 9ます。
右y2axisとしてmin:0, max: 2.74, numTicks: 9。

4

1 に答える 1

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/

于 2013-01-30T02:46:00.257 に答える