为什么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设置选项,在同一页上的所有图表。

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

像这样:

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


以上是为什么Highcharts中单个水平线(y轴)的代码适用于与Webdatarocks集成的所有其他图表的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>