2017-06-16 6 views
0

私はそのようなリンクのように、カラムと1つのグラフのラインの両方を設定している:私が見つけポイントのギャップはハイチャートの列の幅に影響します。バグ?

https://jsfiddle.net/dodouwang/wtjbgav0/1/

Highcharts.chart('container', { 
    xAxis: { 
     type: 'datetime', 
    }, 
plotOptions: { 
     column: { 
      turboThreshold: 10000, 
      borderWidth: 0, 
      pointPadding: 0, 
      groupPadding: 0 
     }, 
    }, 
    series: [{ 
     type: 'column', 
     name: 'column', 
     data: [[1497484800000,210000],[1497571200000,120000],[1497744000000,190000]] 
    },{ 
     type: 'line', 
     name: 'line_wide', 
     data: [[1497484800000,210000],[1497571200000,120000]] 
    },{ 
     type: 'line', 
     name: 'line_narrow', 
     data: [[1497484800000,210000],[1497498000000,120000]], 
     visible: false 
    }], 
}); 

しかし、その行の点の間のギャップは、(以下狭すぎる場合1日よりも大きい場合)、列の幅は自動的にギャップよりも広く設定されません。バグか機能ですか?

あなたは上記のリンクを訪問することができます、デフォルトのショーは "広い"行の列ですが、それは大丈夫です。しかし、 "line_wide"の選択を解除して "line_narrow"を選択すると、バグが発生します。

修正方法?

PS:xAxisを「datetime」に設定し、列データが[1497484800000,210000]、[1497571200000,120000]、[1497744000000,190000]、およびGappingを0に設定して、列の幅をできるだけ広くします。しかし、列に列のみがある場合(2行は選択されていません)、列の最大幅は「時間」または「分」または他の幅ではなく「日」ですか?

+0

です.Widthは日時間隔に依存します –

+0

@Depep 3015あなたはあるシリーズの幅が別のシリーズの影響を受けることを意味しますか?文書にこのルールが記述されていますか?そして私がタイプを「線」から「ばらつき」に変更すると、列の幅が変わらないことが分かりました。 –

+0

は同じ軸を共有しているので、幅は別の系列の影響を受けます。「散布」と「線」は異なる種類のチャート、「散布」はポイント –

答えて

0

オプションはseries.pointRangeオプションです。列の幅はその値に依存し、設定されていない場合 - の範囲は、2つの最も近いデータ点の間の距離として計算されます(軸上にあるので、特定の軸を持つ各シリーズがアカウントに取り込まれます) 。あなたは1日にpointRangeを設定すると、列幅は、1日

またがる:

plotOptions: { 
column: { 
    turboThreshold: 10000, 
    borderWidth: 0, 
    pointRange: 1000 * 3600 * 24, 
    pointPadding: 0, 
    groupPadding: 0 
}, 
}, 

例:x軸の間隔は1時間に1日間から変更されたように、それはないバグは、https://jsfiddle.net/nogfr6js/

関連する問題