Javascript 海图加线

Javascript 海图加线,javascript,highcharts,Javascript,Highcharts,我有这个简单的HighCharts图表,我需要通过单击按钮添加一条水平线,我添加了一个按钮,但是假设添加一条线的代码将无法工作! 有人能帮忙吗 尝试改用chart.update() 请编辑您的链接谢谢,但由于某些原因,它对我不起作用!你能编辑我的JSFIDLE吗? $button.click(function() { if (!hasPlotLine) { chart.update({ yAxis:{ plotLines: [{

我有这个简单的HighCharts图表,我需要通过单击按钮添加一条水平线,我添加了一个按钮,但是假设添加一条线的代码将无法工作! 有人能帮忙吗

尝试改用chart.update()


请编辑您的链接谢谢,但由于某些原因,它对我不起作用!你能编辑我的JSFIDLE吗?
 $button.click(function() {
  if (!hasPlotLine) {
    chart.update({
        yAxis:{
        plotLines: [{
               value: 40,
                        color: 'red',
                        width: 2,
                        id: 'plot-line-1'
            }]
      }
    })
    $button.html('Remove plot line');
  } else {
    chart.yAxis[0].removePlotLine('plot-line-1');
    $button.html('Add plot line');
  }
  hasPlotLine = !hasPlotLine;
});