如何在加载数据后添加水平阈值线？

Question

我的情况是我正在绘制温度和湿度的时间序列数据。这些数据附带一些上限和下限。较低的门槛。这些阈值取决于我所看到的设备类型。这些阈值可以作为JSON请求的一部分返回，返回要绘制的JSON数据。现在的问题是我如何以编程方式设置指示这些阈值的水平线。

问其他方法如何在加载数据后为yAxis.plotLines设置值？有没有一个例子说明如何做到这一点？即使它不是yAxis.plotLines，也可以在加载数据后设置图表选项的任何其他示例。

Answer 1

要在渲染时间之后动态添加绘图线，您可以使用Axis.addPlotLine(options)，如下所示：

// Add plotline when you have the data you need
chart.yAxis[0].addPlotLine({
    value : 7.5,
    color : 'green',
    dashStyle : 'shortdash',
    width : 2,
    label : {
        text : 'My PlotLine'
    }
});

在这里，我们通过chart变量抓取y轴，并将常规的plotline选项输入addPlotLine函数。有关实时演示，请参见this JSFiddle。

如果您在添加时在选项中提供了ID，则可以使用Axis.removePlotLine(id)删除相同的情节图。

Answer 2

你可以加载你的json并在预处理中找到两个应该使用plotLines的值，返回变量然后使用in axis选项。