このハイチャートシリーズのラインをチャートエリアのエッジにどのように延長できますか？

Question

時間の経過とともに、グラフがありました...

このグラフには、複数のシリーズが列の上に積み重ねられていますが、積み重ねられた列の上に複数の系列が積み重ねられています下の小さなボックス。 HighChartsの王はこのラインを端まで伸ばす必要があったため、適切な設定を見つけることができませんでした。

長老たちはそのように定義されるようには、plotoptionsに決めた：

plotOptions: { 
    column: { 
     animation: false, 
     stacking: 'normal', 
     pointWidth: 19 
    }, 
    line: { 
     marker: { enabled: false }, 
     step: 'center', 
     color: '#0a4d85' 
    }, 
    series: { 
     states: { hover: { enabled: false } }, 
    } 
} 

宮廷道化師は本当に面白いことに、この問題を発見し、彼はdoesnの場合は頭を失うリスクを実行します正しい答えを出してください...そしてすぐに。

各データ系列は完全に一致します[0 - 48]。

ジェスターを救うための提案と解決策には、素晴らしい王座のチェックマークが付きます。

SOLVED！ジュースライフ！

@jlbriggsによって提案されたデータ系列のパディングは成功でした。 x軸の限界を定義することで、余分なデータ点を簡単に整理できます。

Answer 1

これを行う設定はありません。ポイントは、デフォルトでカテゴリの中央に揃えられます。 tickmarkPlacementプロパティをデフォルトのから〜の間に設定してに設定できますが、これは列グリッドを台無しにします。

私がこの特定のシナリオで気づいている最良の選択肢は、ラインの始めと終わりの両方にデータポイントを追加して、最小x値の-0.5と最大+ 0.5 x値をそれぞれ返し、最初と最後のy値を繰り返します。

だから、例えば、あなたのデータがある場合：

data: [3,4,7,8,6,5,4,5,4,3,4] 

次いでそれをする必要があります：

data: [{x:-0.5, y: 3},3,4,7,8,6,5,4,5,4,3,4,{x:10.5, y: 4}] 

あなたのに応じて、同様に他のいくつかのオプションを調整する必要があるかもしれませんなどの他のチャートオプション：

• X軸最小値/最大値

• は、plotoptions - >列 - >grouping: false

• は、plotoptions - >列 - >pointRange: 1

例：

• http://jsfiddle.net/jlbriggs/1sfarksh/

Answer 2

ない、これは直接裁判所の道化師の状況に適用されますが、私はこの同じエッジの問題を持っていたし、xAxis.minとxAxis.maxを使用して少ないハック方法でそれを解決することができたかどうかわから：

xAxis: { 
    min: 0.5, 
    max: yourColumnsArray.length - 1.5, 
    ... 
}