0


私はjqplotライングラフを持っています

    $.jqplot('chartdiv1',  <?=$dataset?>,
            {
                title: 'GRAPT TITLE',
                axes: {
                    xaxis:{
                        label:"x axis",
                        renderer:$.jqplot.DateAxisRenderer,
                        tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
                        tickOptions:{formatString:'%d.%m.%y %H:%M:%S', angle: -30}
                    },
                    yaxis:{
                        label:"y axis",
                        labelRenderer: $.jqplot.CanvasAxisLabelRenderer
                    }
                },
                highlighter: {
                    show: true,
                    sizeAdjust: 7.5
                },
                cursor:{
                    show: true,
                    zoom:true,
                    showTooltip:false
                }
            });

そのように表示されます

x軸で適切にスカリントされないのはなぜですか?
値は 1 分異なります

4

1 に答える 1

1

軸に最小値を追加します。

axes: {
 xaxis: {
  label: "x axis",
  renderer: $.jqplot.DateAxisRenderer,
  tickRenderer: $.jqplot.CanvasAxisTickRenderer,
  tickOptions:{formatString:'%d.%m.%y %H:%M:%S', angle: -30},
  min: '2013-02-05 10:50',
  max: '2013-02-05 12:15',
  tickInterval: '1 hour', //only if you want to draw a tick each hour.
  autoscale: false        //only if you want to draw a tick each hour. 
 } 
}

編集

ズームインすると、プロットされるデータに xaxis 境界を適応させるのは「通常の」動作です。ズームアウトすると、プロットが最初と同じ動作をする場合 (左中央が空)、ネイティブ ズームのリセットを無効にすることができます。

cursor:{
   clickReset: false, 
   dblClickReset: false
}

プロットを描画した後、新しいダブルクリック イベント ハンドラーを追加します。

$("#chartdiv1").dblclick(function(){resetZoomOnPlot(myplot);});
function resetZoomOnPlot(targetPlot){
  target.resetZoom();
  target.axes.xaxis.min = '2013-02-25 10:50';
  target.axes.xaxis.max = '2013-02-25 12:15';
  target.axes.xaxis._tickInterval = '1 hour';
  target.replot();    
}

myplot は、プロットを含む変数ですvar myplot = $.jqplot('chartdiv1', <?=$dataset?>, options);。options は jqplot options を含む変数です:var options = {title: 'Graph title', axes: {...}...};

于 2013-02-15T10:43:06.947 に答える