在具有多个系列的柱形图中隐藏特定系列图例

Question

我正在尝试使用 Chartkick 创建一个包含多个数据系列的图表。问题是这两组代表一年中不同时间点的相同数据点，所以图例有重复的标签。有没有办法按系列隐藏其中一个？

这是我的current chart 的样子。 （左边代表年初，右边代表年末。）

这是我现在图表的代码：（出于测试目的，两个集合使用相同的数据哈希）

total_effort_data = [
            { name: "Academic", data: academic_hash, stack: "9/1" },
            { name: "Administrative", data: administrative_hash, stack: "9/1" },
            { name: "Clinical", data: clinical_hash, stack: "9/1" },
            { name: "Research", data: research_hash, stack: "9/1"} ,
    
            { name: "Academic", data: academic_hash, stack: "8/31" },
            { name: "Administrative", data: administrative_hash, stack: "8/31" },
            { name: "Clinical", data: clinical_hash, stack: "8/31" },
            { name: "Research", data: research_hash, stack: "8/31" }, ]
...
<%= column_chart total_effort_chart_path,
             stacked: true, legend: "top", suffix: "%", max: 100,
             colors: ["#FFDB80", "#F7A791", "#C8EA80", "#CAE9F4"] %>

另外，是否可以将“9/1”和“8/31”标签添加到每列下方的轴下方（高于年份范围）？

Answer 1

使用showInLegend 和linkedTo 属性：

    series: [..., {
        data: [3, 2, 1],
        showInLegend: false,
        linkedTo: 'series1'
    }]

在您的代码中应该如下所示：

total_effort_data = [
        { name: "Academic", data: academic_hash, stack: "9/1", id: "academic" },
        ...,

        { name: "Academic", data: academic_hash, stack: "8/31", showInLegend: false, linkedTo: "academic" },
        ...
]

---

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

API 参考：

https://api.highcharts.com/highcharts/series.column.showInLegend

https://api.highcharts.com/highcharts/series.column.linkedTo