为什么 Highcharts 中单个水平线y 轴的代码适用于与 Webdatarocks 集成的所有其他图表

问题描述

我有多个与 WebdaTarocks 集成的 Highcharts。 我需要在单个图表上有一条水平线，为此我使用了下面的代码。这按预期工作，但我面临的问题是

• 即使我只在单个图表中添加了代码，它也会在所有其他 Highcharts 中添加水平线。
• Highcharts 中的排序与其他图表混合在一起。

请建议如何使一个图表独立于另一个图表，使其不使用彼此的属性。

data => {
      this.Highcharts.setoptions({
        yAxis: {
          plotLines: [{
              color: 'blue',width: 2,value: 25,zIndex: 5,label:{
                text:"label1",align:'left'
              }
          }]
      },plotOptions: {
          
          series: {
            borderWidth: 0,dataSorting: {
              enabled: true,},dataLabels: {
              enabled: true,formatter: function () {
                let value = (this.y);
                return '' + value.toFixed(1);
              }

            },// set colors of the series
          }
        }
      });
      createAndUpdateChart(data);
    },

解决方法

setOptions 为同一页面上的所有图表设置选项。

尝试为每个图表的 callbackHandler 和 updateHandler 中的 data 设置选项。

像这样：

function(data){
  data.title = {text: 'My title'},Highcharts.chart('highchartsContainer',data);
}