0

我有多个与 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);
    },
4

1 回答 1

1

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

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

像这样：

function(data){
  data.title = {text: 'My title'},
  Highcharts.chart('highchartsContainer', data);
}
于 2021-01-14T18:46:21.227 回答