我如何隐藏/显示一系列数据? (高图)

问题描述 投票:0回答:1

我知道如何隐藏整个系列,但是我不知道如何隐藏系列中的特定数据。这是我的选择的一部分:

series: [
    {
      data: [
        { x: 35, y: 35, z: 50.8, name: "A" ,visible:false},
        { x: 25, y: 75, z: 50.8, name: "B" },
        { x: 45, y: 55, z: 50.8, name: "C", color: "red" }
      ]
    }

mydemovisible:false是成功的一半,背景消失了,但datalabel仍然存在,我想隐藏它,并且没有用户交互。

可以吗?

highcharts react-highcharts
1个回答
0
投票

您可以在load事件中隐藏一个点:

chart: {
  events: {
    load: function(){
      var point = this.series[0].points[0];

      ['graphic', 'dataLabel'].forEach(function (key) {
          if (point[key]) {
              point[key].hide();
          }
      });
    }
  }
}

实时演示: http://jsfiddle.net/BlackLabel/6m4e8x0y/4805/

API参考:

https://api.highcharts.com/class-reference/Highcharts.SVGElement#hide

https://api.highcharts.com/highcharts/chart.events.load

© www.soinside.com 2019 - 2024. All rights reserved.