高图中的连通图

Question

我在应用程序中使用Highcharts开发了两个图表。我需要将它们连接在一起。意思是当单击一个图表时，还需要更新另一个图表。

我用PowerBI做过同样的事情。现在，我需要使用Highcharts开发它。我已经附上了预期行为的屏幕截图。不需要完全相同。我需要的是一种更新剩余图表以在第一张图表中显示与所选数据集有关的信息的方法。

有人可以告诉我一种使用Highcharts完成此操作的方法吗？ Highcharts可以吗？

Answer 1

Highcharts具有多种方法，例如chart.update或series.setData，可以动态更新图表：

var chart1 = Highcharts.chart('container', {
    series: [{
        type: 'pie',
        data: [10, 20],
        events: {
            click: function() {
                chart2.update(additionalOptions, true, true);
            }
        }
    }]
});

var chart2 = Highcharts.chart('container1', {
    series: [{
        type: 'column',
        data: [1, 2, 3, 4]
    }]
});

var additionalOptions = {
    chart: {
        type: 'column'
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
    series: [{
        data: [1, 2, 3, 4]
    }, {
        data: [1, 2, 3, 4]
    }]
}

---

实时演示： http://jsfiddle.net/BlackLabel/5a4z0qbk/

API参考：

https://api.highcharts.com/class-reference/Highcharts.Chart#update

https://api.highcharts.com/class-reference/Highcharts.Series#setData