javascript - 如何在向下钻取后创建具有堆叠柱的图表？

Question

我有一个包含很多条目的数据库。它看起来像下面的例子:

id | rating    | topic1 | topic2
1    positive    A        X
2    negative    A        Y
3    neutral     B        Z

第 1 步:现在我想要一个图表(highchart)显示堆积的列，其中每列都是一个主题(topic1)，堆积的部分是该 topic1 每个评级的条目数量。该图表很容易创建。

第 2 步:此外，我想对每一列进行深入分析。单击一列后，我想再次获得一个堆叠柱形图，其中每一列都是单击的子主题(主题2)，堆叠部分是该主题2的每个评级的条目数量。

我创建了一个示例。 http://jsfiddle.net/9RLEB/2/

第 1 步工作正常，但我无法让第 2 步工作。有人可以尝试帮助我吗？或者给我一个提示，我如何才能达到这个结果？

提前谢谢您。

安迪

Answer 1

如果我理解正确，您是否尝试过单击列标题(“A”和“B”)进行向下钻取？

更新

要使其真正发挥作用，您需要为每个数据点指定不同的向下钻取:

series: [{
    name: 'negative',
    data: [{
      name: 'A',
      y: 13,
      drilldown: 'topic1Neg',
      color: '#e53642'
    }, {
      name: 'B',
      y: 42,
      drilldown: 'topic2Neg',
      color: '#e53642'
    }]
  }, {
    name: 'neutral',
    data: [{
      name: 'A',
      y: 61,
      drilldown: 'topic1Neu',
      color: '#919191'
    }, {
      name: 'B',
      y: 23,
      drilldown: 'topic2Neu',
      color: '#919191'
    }]
  }, {
    name: 'positive',
    data: [{
      name: 'A',
      y: 26,
      drilldown: 'topic1Pos',
      color: '#56cb46'
    }, {
      name: 'B',
      y: 11,
      drilldown: 'topic2Pos',
      color: '#56cb46'
    }]
  }
],
drilldown: {
  series: [{
    id: 'topic1Neg',
    data: [
      ['X', 4],
      ['Y', 2]
    ]
  }, {
    id: 'topic2Neg',
    data: [
      ['X', 5],
      ['Y', 3]
    ]
  },{
    id: 'topic1Neu',
    data: [
      ['X', 7],
      ['Y', 1]
    ]
  }, {
    id: 'topic2Neu',
    data: [
      ['X', 8],
      ['Y', 4]
    ]
  },{
    id: 'topic1Pos',
    data: [
      ['X', 2],
      ['Y', 3]
    ]
  }, {
    id: 'topic2Pos',
    data: [
      ['X', 9],
      ['Y', 5]
    ]
  }]
}

您只需要自己计算钻取值。

示例:http://jsfiddle.net/wyfqf/