Highcharts條形圖：如何防止缺失值佔用空間

我想創建一個包含x軸上5個不同日期的條（a.k.a.柱）圖。對於每個日期，我想顯示錶示當天馬匹中前三名最健康的馬匹的健康水平的條形圖。然而，我有20匹馬，至少在其中一天中排名前三的不同馬的總數最多可以是15。假設對於這張圖表，有9個不同的馬匹會出現在圖表的至少一個日期。Highcharts條形圖：如何防止缺失值佔用空間

問題：highcharts繪製足夠薄的酒吧，以便它可以在每個日期顯示所有9匹馬，即使每個日期只有三匹馬出現。這意味着酒吧非常薄，並有大量的空白。不僅如此，但他實際的酒吧間距不規則，因爲高層酒吧似乎在每個日期爲所有9匹馬節省了特定的空間。

有沒有什麼辦法可以告訴highcharts不要在x軸上爲馬匹分配空間，我可能想在另一天顯示這些馬匹，但不想在當天顯示這些馬匹？

來源

2013-04-11 user2269120

據我瞭解，你要始終被定位在中間，列不管其中有多少存在（1，2 ，3，...或9）。像這樣的東西不被支持，但你可以創建一個想法[這裏]（http://highcharts.uservoice.com/forums/55896-general） – 2013-04-11 15:29:23

這完全取決於您如何設置數據。如果你想爲每匹馬製作一個系列，你無法解決你所描述的問題。

但是，如果設置稍有不同，您應該可以按照自己的方式獲取圖表。

這裏有一個方法，一個簡單的例子來實現它：

http://jsfiddle.net/jlbriggs/W9fUF/

data: [ 
      {y:3, horse:'horse 1', color:'red'}, //date 1 
      {y:3, horse:'horse 2', color:'yellow'}, //date 2 
      {y:3, horse:'horse 3', color:'blue'}, //date 3 
      {y:3, horse:'horse 4', color:'green'}, //date 4 
      {y:3, horse:'horse 5', color:'orange'}, //daate 5 
     ]

來源

2013-04-11 18:21:18 jlbriggs

Highcharts條形圖：如何防止缺失值佔用空間

回答

相關問題