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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将散点图和饼图与单个图例连接起来的Highcharts，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1268字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试使用相同的图例连接两个不同的图表(散点图和饼图).打印到控制台后,似乎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()来切换

内容总结

以上是互联网集市为您收集整理的javascript – 将散点图和饼图与单个图例连接起来的Highcharts全部内容，希望文章能够帮你解决javascript – 将散点图和饼图与单个图例连接起来的Highcharts所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端