Javascript 高位图表：向下钻取到堆叠的列

大家好我正在尝试创建一个特定的

高图

，但我不确定如何格式化我的

向下搜索

数据，我在互联网上找不到任何示例

这个JSfiddle显示了我已经走了多远：

假设HighChart可以可视化已删除的注释。前两条是过滤评论的平均数量。当向下搜索被激活时，我希望有堆叠的网站栏和四类为什么评论被过滤（讨厌的评论，垃圾邮件等）

---

有没有人能帮我解决这个问题，或者举一个如何格式化深入数据的例子

您只是忘记了包含深入的js（）

在highstock之后添加以下脚本：

编辑：对不起，我没有把问题读对。。。这项工作：

---

在这里可以找到：

您刚刚忘记了包含深入的js（）

在highstock之后添加以下脚本：

编辑：对不起，我没有把问题读对。。。这项工作：

---

可在此处找到：

要有一个堆叠的列，您需要多个系列；要在深入查看后有多个系列，您必须动态添加系列，例如在深入查看事件时

下面对象的每个属性表示一个系列，并与顶级系列名称关联。 对象“1”将在单击第一列后出现，并将跨越4个类别

var drilldowns = {
          1: {
            stacking: 'normal',
            name: 'facebook',
            color: Highcharts.getOptions().colors[0],
            data: [
              ['nasty comments', 2],
              ['spam', 3],
              ['category-3', 10],
              ['category-4', 15]
            ]
          },

          66: {
            name: 'second-column-drilldown',
            data: [
              ['second-column-drilldown-point', 10]
            ]
          }
        };

下一个对象“1”将与

细分中的数据一起堆叠。1

对象：

var drilldowns2 = {
          1: {
            color: Highcharts.getOptions().colors[1],
            colorIndex: 1,
            stacking: 'normal',
            name: 'youtube',
            data: [
              ['nasty comments', 5],
              ['spam', 10],
              ['category-3', 10],
              ['category-4', 15]
            ]
          }
        };

最后，必须添加序列并触发向下钻取

var series = drilldowns[e.point.name],
            series2 = drilldowns2[e.point.name],
            series3 = drilldowns3[e.point.name];

        this.addSingleSeriesAsDrilldown(e.point, series);
        this.addSingleSeriesAsDrilldown(e.point, series2);
        this.addSingleSeriesAsDrilldown(e.point, series3);
        this.applyDrilldown();

---

示例：

要有一个堆叠的列，您需要多个系列；要在深入分析后有多个系列，您必须动态添加系列，例如在深入分析事件时

下面对象的每个属性表示一个系列，并与顶级系列名称关联。 对象“1”将在单击第一列后出现，并将跨越4个类别

var drilldowns = {
          1: {
            stacking: 'normal',
            name: 'facebook',
            color: Highcharts.getOptions().colors[0],
            data: [
              ['nasty comments', 2],
              ['spam', 3],
              ['category-3', 10],
              ['category-4', 15]
            ]
          },

          66: {
            name: 'second-column-drilldown',
            data: [
              ['second-column-drilldown-point', 10]
            ]
          }
        };

下一个对象“1”将与

细分中的数据一起堆叠。1

对象：

var drilldowns2 = {
          1: {
            color: Highcharts.getOptions().colors[1],
            colorIndex: 1,
            stacking: 'normal',
            name: 'youtube',
            data: [
              ['nasty comments', 5],
              ['spam', 10],
              ['category-3', 10],
              ['category-4', 15]
            ]
          }
        };

最后，必须添加序列并触发向下钻取

var series = drilldowns[e.point.name],
            series2 = drilldowns2[e.point.name],
            series3 = drilldowns3[e.point.name];

        this.addSingleSeriesAsDrilldown(e.point, series);
        this.addSingleSeriesAsDrilldown(e.point, series2);
        this.addSingleSeriesAsDrilldown(e.point, series3);
        this.applyDrilldown();

---

示例：

谢谢，我也设法让它工作了，但没有堆叠起来。你能帮我解决这个问题吗？谢谢你，我也设法让它工作了，但没有堆积起来。你能帮我解决这个问题吗？谢谢！我会测试它的！令人惊叹的！我对代码进行了一些编辑，这样它就可以接受来自文件的JSON数据，而且效果非常好！只是在颜色上有点挣扎，但这是可以修复的！非常感谢，谢谢！我会测试它的！令人惊叹的！我对代码进行了一些编辑，这样它就可以接受来自文件的JSON数据，而且效果非常好！只是在颜色上有点挣扎，但这是可以修复的！多谢各位