2016-01-22 54 views
0

我想創建同樣的圖是1D可能的旗幟?

enter image description here

(線的形狀,顏色,標誌形狀並不重要)。

每個標誌代表一個x值,並且x軸邊界是固定的。這與highchart demo(沿着x軸的圓形和矩形標誌)非常相似,但看起來標誌被添加(通過options.series.push)到現有數據。然而

documentation提到

Used alone flag series will make no sense.

基於演示中,我試圖通過強制類型flags創建simple example但它不會使

$('#container').highcharts({ 
    series: [{ 
    type: 'flags', 
    data: [{ 
     x: 10, 
     title: 'hello', 
     text: 'say hello' 
    }, { 
     x: 20, 
     title: 'world', 
     text: 'say world' 
    }, { 
     x: 50, 
     title: 'bonjour', 
     text: 'say bonjour' 
    }], 
    shape: 'circlepin', 
    width: 16 
    }] 
}); 

有直達如何創建這樣的1D旗圖?

回答

2

如果您檢查控制檯中的錯誤,你可以看到你收到此錯誤:

Uncaught TypeError: $(...).highcharts is not a function

我包你的highcharts Builder代碼在function標籤,它現在加載罰款。看到這個住demo

+1

謝謝 - 我很確定它不起作用,我錯過了(明顯的)檢查。 – WoJ

+0

@WoJ,還要注意,即使它沒有記錄在API中,你也可以設置'y'位置。一種哈克,但需要時才起作用。當然還有其他方法可以做到這一點(帶有dataLabels的無形條/線/散點)。 – wergeld

+0

你對垂直位置的評論非常相關 - 當一切都在水平線上對齊時,我會很快遇到重疊的標籤。我最終可能會生成'y'值來上下分散標籤,從而使結果更具可讀性(如果可以直接使用,這會很棒)。再次感謝。 – WoJ