结合传奇系列

Question

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

在jsfiddle我试图演示我想要的内容。到目前为止这么好，但在传说中我想在这个例子中只有2个条目（2209和8444）。这只是一个例子，会有更多的对象，图表会很快变得笨拙。

欢迎任何帮助（或指向其他图表解决方案的指针）。我的javascript knowdlege相当有限..

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();
            }
        }
    };