Question

目前，我正在使用＆＃34;堆叠和分组列＆＃34;示例（插入链接作为文本，因为我需要更多的声誉来发布超过2个链接：jsfiddle dot net / gh / get / jquery / 1.9.1 / highslide-software / highcharts.com / tree / master / samples / highcharts / demo /列堆叠和 - 分组/）。在那里，您可以在堆叠和分组的柱形图中可视化一个数据系列。从理论的角度来看，你有一个信息（水果数量）按三个方面（水果（x轴），人（堆）和性别（群））分组。

我想知道是否（和如何）将其他数据系列可视化为分组方面而不是性别。我尝试了这个（jsfiddle dot net / u1asm65s /）并添加了另一个数据系列，代表了第一个数据系列中同一个人的数字。但不幸的是，HIghcharts并不匹配两个数据系列的name。因此，人员在最终的柱形图中重复。

更新： This is what I currently have

And this is what I want to achieve。我使用GIMP，所以它不是真正的图表;）

你有什么想法吗？

提前致谢 Newlukai

PS：很抱歉没有嵌入图片，但我不允许嵌入图片。

Answer 1

所以基本上，你可以把想要的效果想象成：我有一个额外的系列，它以某种方式链接到另一个系列。然后，您需要列出应链接的内容并正确设置选项。

首先，您要连接链接系列的可见性及其在图例中的外观。它可以通过series.linkedTo属性来实现。

    {
        name: 'John-eaten',
        id: 'john',
        data: [5, 3, 4, 7, 2],
        stack: 'eaten'
    },...,{
        name: 'John-bought',
        linkedTo: 'john',
        data: [6, 4, 5, 8, 3],
                    stack: 'bought'
    },

所以现在，有两个系列连在一起。 http://jsfiddle.net/u1asm65s/2/

其次，颜色 - 为链接系列设置相同的颜色。 http://jsfiddle.net/u1asm65s/3/

第三，工具提示，图例，数据标签 - 可以使用格式化程序回调轻松调整。 http://jsfiddle.net/u1asm65s/4/

堆积柱形图中的多个时间序列

1 个答案: