结合两种类型的高图与一个传奇?

时间:2012-11-14 08:31:06

标签: javascript highcharts

如何在一个页面中组合两种类型的高图(列和行)? 所以它只有一个传奇。 有可能吗?

1 个答案:

答案 0 :(得分:1)

我认为HighCharts默认不支持此功能(除非Jugal能给我们举个例子)。

我能想象的唯一可能性是隐藏其中一个传说,然后在启用图例的情况下使用图表中的'legendItemClick'事件,并在点击该图例时隐藏/显示两个图表。

检查这个小提琴:http://jsfiddle.net/b3AF9/7/

重要的代码在这里:

series: [{
          type: 'line',
          data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 23.3, 18.3, 13.9, 9.6],
          events: {
             legendItemClick: function(event) {
                this.visible? 
                   this.chart.get('myColumnChar').hide():
                   this.chart.get('myColumnChar').show();
             }
          }
      },{
          type: 'column',
          id: "myColumnChar",
          data: [4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8],
          showInLegend: false
        }
       ]