javascript – 将散点图和饼图与单个图例连接起来的Highcharts

2023年12月10日 234次阅读

我正在尝试使用相同的图例连接两个不同的图表(散点图和饼图).打印到控制台后,似乎
javascript正在获取正确饼图的正确数据.它只是不会连接到散点图图例.我也尝试了这些答案：
HighCharts: One Legend, Two Charts和
Multiple pie-charts in the same chart with HighCharts

我在散点图的系列中使用了这段代码：

        events: {
                    legendItemClick: function (event) {
                        console.log(this.options.name);
                        var donut = $('#pie_chart').highcharts(),
                        series_arr = donut.series[0].data;
                        console.log(series_arr);
                        for (series in series_arr) {
                            if (this.options.name === series.name) {
                                if (this.visible) {
                                series.visible = true;
                            } else {
                                series.visible = false;
                            }
                        }
                    }
                }
            }

我在这里错过了什么吗？这是我的fiddle

最佳答案 plotOptions将为

 plotOptions: {
  column: {
    stacking: ''
  },
  series: {
    pointPadding: 0.2,
    borderWidth: 0,
    dataLabels: {
      //enabled: false
    },
    events: {
      legendItemClick: function(event) {
        console.log(this.options.name);
        var donut = $('#pie_chart').highcharts(),
          series_arr = donut.series[0].data;
        //console.log(series_arr);
        for (series in series_arr) {
          if (this.options.name === series_arr[series].name) {
            if (this.visible) {
              series_arr[series].setVisible(false);

            } else {
              series_arr[series].setVisible(true)

            }

          }
        }
      }
    }
  }
},

Forked Fiddle

错误是

this.options.name === series.name

它会

this.options.name === series_arr [series] .name

并使用setVisible()来切换

点赞