跳過yAxis gridLines如果它們中沒有數據

Question

我想創建一個簡單的圖表，其中xAxis是用戶選擇屬性的日期，而yAxis是用戶選擇的屬性。

每個屬性對應於從0開始的值。因此，例如，attribute0的值爲0等等。

我想要做的是不顯示用戶未選擇的屬性的yAxis網格線。

從屏幕截圖中可以看出，用戶選擇了屬性3,4,5和9.問題是我不想爲其餘屬性顯示yAxis網格線（1,2， 6,7和8），同時保留顯示屬性的值。這意味着我希望屬性9的值爲9，即使它在本示例的第4行中顯示（假設有一種方法可以跳過空的gridLines）

最終結果我想是這樣的對於這個例子。

如果用戶在第二天選擇一個新屬性，即圖中尚未存在的屬性，則應該以相同方式添加此屬性。

任何想法？

我希望我正確地解釋我的自我。 預先感謝您。

Answer 1

您可以在y軸上使用categories來完成此操作。

然後，您的y值需要是所選值的類別索引，而不是值本身。

所以，在你的榜樣，你會：

categories = ['3','4','5','9'] 

及其產生的y值將被0,1,2,3，而不是3,4,5,9。

類似的信息（使用的隨機x值）：

data: [[100,0],[100,1],[100,2],[100,3]] 

實施例：

• http://jsfiddle.net/3d3fuhbb/62/