2012-09-27 33 views
1

我尝试绘制一个对象的不同属性,但只有对象在图例中的名称,以便我可以关闭/显示对象,而不是每个不同的属性。在图例中组合了系列

jsfiddle我试着演示我想要的。到目前为止这么好,但在这个例子中,我只希望有2个条目(2209和8444)。这只是一个例子,会有更多的对象,图表会很快变得笨拙。

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

回答

0

有时回来我面临类似的问题。这是我实施的方式。

  • 你不能将这些图例分组在highcharts中;因此内置选项无法使用。
  • 相反,您需要为传说建立自定义显示。
  • 你可以列出的只有2个,而不是8个项目(按您的要求)
  • 可能UI元素可以是复选框选项(或只是超链接)
  • 您需要存储的传说状态(选择/取消选择)
  • 默认情况下显示所有图表
  • 选择或停止,您可以在这里切换 多个系列(4 1种在你的情况)

示例代码

// @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(); 
      } 
     } 
    }; 
+0

谢谢。我昨天和nvd3一起玩,并设法获得http://jsfiddle.net/taseroth/L9tjX/,但是nvd3似乎是早期开发,还有很多东西仍然缺失。我会测试你的建议。 – bert