javascript - Highcharts 连接散点图和饼图与单个图例

Question

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

我在散点图的 series.events 中使用此代码:

        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

Answer 1

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()来切换