2016-10-03 36 views
0

使用Highcharts,我試圖繪製一個「步驟居中」的系列。它有效,但我真的希望我的線在我的第一點之前開始,並通過我的最後一點。Highcharts - 居中步驟的連續線(在第一個點之前開始)

這裏是我的選擇:

series: [{ 
       type: 'line', 
      data: [5, 6, 7, 8, 9 , 10, 11, 12, 13], 
      step: 'center', 
      name: 'Center' 
     }] 

一個JSFiddle example

和我想要做在左邊的說明:

Start before the first point

,並在右邊,在最後:

End after the last one

+0

我認爲它不可能沒有處理與svg路徑的第一個和最後一個屬性手冊 – Sojtin

+1

我認爲你可以用簡單的技巧來實現這個圖表:http://jsfiddle.net/3ggbqt33/8/ –

+0

那它@GrzegorzBlachliński!非常感謝你!這正是我期待的! –

回答

1

您可以做出類似的圖在第一點之前添加新點並在最後點之後添加最後點:

data: [5, 5, 6, 7, 8, 9, 10, 11, 12, 13, 13], 

然後你可以使用xAxis.min和xAxis.max爲只顯示您希望在圖表上的範圍:

xAxis: { 
    categories: ['', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', ''], 
    min: 1, 
    max: 9 
}, 

在這裏你可以看到一個例子是如何工作的:http://jsfiddle.net/3ggbqt33/9/

相關問題