HighCharts - 堆叠柱形图中两列的单个图例

Question

我在堆积柱形图中有四个堆栈：“一个已完成”、“一个待处理”、“两个已完成”、“两个待处理”。

默认情况下，这些堆栈有四个图例。

我想要的是有两个传说：“一”和“二”。可以使用 Highcharts 吗？

编辑： 添加了代码。删除了一些文本/逻辑。大部分样式都是我在互联网上找到的。

"'$path'"

示例图表： 我想要相同颜色的单个图例（两堆）

Answer 1

您可以使用 linkedTo 属性将一个系列与另一个系列链接起来，并为其设置一个图例项。

    series: [{
        name: 'One Pending',
        data: [9, 5],
        color: '#7cb5ec',
        stack: 'Pending'
    }, {
        name: 'One Completed',
        data: [6, 2],
        color: '#7cb5ec',
        stack: 'Completed',
        linkedTo: 0
    }, {
        name: 'Two Pending',
        data: [35, 5],
        color: '#434348',
        stack: 'Pending'
    }, {
        name: 'Two Completed',
        data: [3, 0],
        color: '#434348',
        stack: 'Completed',
        linkedTo: 2
    }]

---

现场演示： http://jsfiddle.net/BlackLabel/eh5m10q9/

API 参考： https://api.highcharts.com/highcharts/series.column.linkedTo