javascript - 结合传说中的系列

Question

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

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

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

Answer 1

有时我遇到了类似的问题。这就是我实施的方式。

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