4

最小値と最大値を含む反転折れ線グラフを使用すると、線が最小値で部分的に非表示になります。問題は、描画キャンバスが最小値ラインで正確に終了することです。線の一部しか見えない太い線がある場合、最小値線の上にある部分は隠されます。ここで例を見ることができます。これを修正するためにさまざまなオプションを試しましたが、成功していません。チャートキャンバスを一番上に増やす方法はありますか?

これはハイチャートのコードです:

$("#chart").highcharts({
  chart: {
  type: "line",
  spacingBottom: 30,
  height: 400,
  alignTicks: false,
  },
  credits: {
    enabled: false
  },
  legend: {
    enabled: false
  },
  title: {
    text: "Chart"
  },
  yAxis: [{
    title: null,
    reversed: true,
    showFirstLabel: true,
    allowDecimals: false,
    startOnTick: false,
    endOnTick: false,
    tickInterval: 5,
    minorTickInterval: 1,
    max: 10,
    min: 1,
  }],
  series: [{
    yAxis: 0,
    data: [6,2,2,1,1,1,1,1,1,1,1,1,1,2,2,1,1,2,2,2,2,2],
    lineWidth: 10, 
    marker: {
      enabled: false
    }
  }]
});
4

2 に答える 2

0

なぜこれが問題なのかminわかりません-yAxisに厳密な値を設定したため、チャートはその行を切り捨て、そのオプションを削除する必要があり、これは完全に正常に機能します: http://jsfiddle.net/DruGa/ 5/

于 2013-08-05T11:16:28.750 に答える