javascript - 结合传说中的系列

Question

我尝试绘制对象的不同属性的图表，但图例中只有对象的名称，以便我可以关闭/打开对象的显示，而不是每个不同属性的显示。

在 jsfiddle我尝试演示我想要的内容。到目前为止一切顺利，但在图例中，我希望此示例中只有 2 个条目(2209 和 8444)。这只是一个示例，会有更多对象，图表很快就会变得笨重。

欢迎任何帮助(或指向其他可以解决问题的图表解决方案的指针)。我的 javascript 知识相当有限..

Answer 1

不久前我遇到了类似的问题。我就是这样实现的。

• 您无法在 Highcharts 中对图例进行分组；因此不能使用内置选项。
• 相反，您需要为图例构建自定义显示。
• 您只能列出 2 项而不是 8 项(根据您的要求)
• 可能的 UI 元素可以是复选框选项(或只是超链接)
• 您需要存储图例的状态(选中/取消选中)
• 默认显示所有图表
• 选择或取消选择时，您可以切换 多个系列(您的情况是 1 种中的 4 个)

这里是示例代码

  // @name is the series name on the chart
  // @newValue would be true or false that is selected or deselected
  ToggleChartSeries = function (name, newValue) {
        // Get matching series or multiple series here
        var matchingSeries = .. // You need to fill the logic here 

        // for multiple series, you can loop through
        if (matchingSeries) {
            if (newValue) {
                matchingSeries.show();
            } else {
                matchingSeries.hide();
            }
        }
    };