2

美しく描画されているjqPlot折れ線グラフがありますが、含まれているdivの端まで描画することはできません（これは私のアプリケーションにとって重要です）。余白やパディングなどの削除に関係するすべてのオプションを試しましたが、最後にはまだかなり大きなギャップがあります。また、div自体がページの右端まで届いていることを確認しました。以下は、プロットのオプションコードです。

optionsObj = {
  stackSeries: true,
  axesDefaults: {
    show: false,
    showTicks: false,
    showTickMarks: false
  },
  axes: {
    grid: {
      drawBorder: false
    },
    xaxis: {
      pad: 0,
      tickOptions: {
        showGridline: false
      }
    },
    yaxis: {
      pad: 0,
      tickOptions: {
        showGridline: false
      }
    }
  },
  grid: {
    background: '#ffffff',
    borderColor: '#888888',
    borderWidth: 0.5,
    shadow: false
  },
  seriesDefaults: {
    lineWidth: 0.5,
    color: '#1A95ED',
    fill: true,
    markerOptions: {
      show: false
    }
  },
  series: seriesGroup,
  gridPadding: { top: 0, right: 0, bottom: 0, left: 0 }
};

写真はここで見つけることができます：https ：//www.dropbox.com/s/js32405l6z16f2m/Capture.PNG

スライダーは、このグラフのサブセットを選択するために使用されます。このサブセットは、上の大きなプロットにグラフ化されています。問題は、グラフがわずかに左に拡大縮小され、スライダーと同じ長さを埋めていないため、選択がオフになっていることです。たとえば、左側のハンドルは2番目のピークのすぐ左側にあると見なし、右側のハンドルは4番目のピークのすぐ左側にあると見なします。

jqPlotに慣れていない人のために、次のように宣言されたdivがあります。

<div id="overview" style="width:100%;height:200px"></div>

これは、関数呼び出しによって引き出されます。

$.jqplot('overview', eval('([' + sessionStorage.throughputData + '])'), optionsObj);

HTML宣言の「style」属性以外のCSSはチャートに適用されていません。

4

3 に答える 3

0

これで何をすべきかは、最小値、最大値を設定するか、ティックを直接設定することだと思います。

ところで、写真は日付を扱っていることを示していますが、オプションでは を使用していないことがわかりますDateAxisRenderer。なぜですか?

ここで私の他の回答を確認する必要があると思います。特に何も機能しない場合は、目盛りを直接設定することを検討する必要があります。私はあなたがそれらを表示していないことを知っていますが、チャートの外観をフォーマットする手段としてそれらを使用することができます. リンクされた回答の最初のサンプルで見られるのと同様の動作が発生すると思われます。

于 2012-06-29T10:02:18.767 に答える