Question

我正在尝试使用饼图的深入显示/更新不同div中的条形图。我使用的是高级图表 - http://www.highcharts.com/demo/pie-drilldown

基本上，在页面加载时，应该有一个饼图和一个条形图（让我们将其命名为bargraph1。这个条形图将与饼图不同。当我在饼图中向下钻取时，它应该更新bargraph1使用新的条形图（我们将其命名为bargraph2）。当我按下饼图旁边的后退按钮时，它应该带回旧的饼图和条形图（条形图1）。

让我知道如何实施此图表。

Answer 1

您可以在drilldown events上更新条形图的数据。

所以如果你有两组数据，例如

var bargraphData = {
  bar1: [1,2,3,4,5],
  bar2: [5,4,3,2,1]
}

您可以使用第一组数据更新bargraph的系列 - 使用第二组数据进行深入分析。

 chart: {
    type: 'pie',
    events: {
      drilldown: function () {
        bargraph.series[0].update({
          data: bargraphData['bar2']
        });
      },
      drillup: function () {
        bargraph.series[0].update({
          data: bargraphData['bar1']
        });
      }
    }
},

示例：http://jsfiddle.net/n2kttm9x/

使用Highcharts的向下钻取饼图显示/更新单独的条形图

1 个答案: