如果其中没有数据,请跳过yAxis gridLines

时间:2015-09-03 11:39:25

标签: highcharts

我正在尝试创建一个简单的图表,其中xAxis是用户选择属性的日期,而yAxis是用户选择的属性。

每个属性对应一个从0开始的值。例如,attribute0的值为0,依此类推。

我想要做的是不为用户未选择的属性显示yAxis网格线。Sample picture

从屏幕截图中可以看出,用户选择了属性3,4,5和9.问题是我不想为其余属性显示yAxis网格线(1,2,6, 7和8)同时保留显示属性的值。这意味着我希望属性9的值为9,即使它在此示例中显示在第4行中(假设有一种方法可以跳过空的gridLines)

我想在这个例子中得到最终结果。End result

如果用户第二天选择了一个新属性,即图中尚未存在的属性,则应以相同的方式添加此属性。

有什么想法吗?

我希望我正确地解释自己。 提前谢谢。

1 个答案:

答案 0 :(得分:3)

您可以在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]]

示例: