Javascript 用一个图例组合两种类型的海图?

Javascript 用一个图例组合两种类型的海图?,javascript,highcharts,Javascript,Highcharts,如何在一个页面中组合两种类型的highchart(列和行)? 所以它只有一个传说。 有可能吗?我认为HighCharts默认不支持这一点(除非Jugal能给我们举个例子) 我能想象的唯一可能性是隐藏其中一个图例,然后在启用图例的图表中使用事件“legendItemClick”,然后单击该图例时隐藏/显示两个图表 检查这把小提琴: 重要代码如下: series: [{ type: 'line', data: [7.0, 6.9, 9.5, 14.5, 18.

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

我认为HighCharts默认不支持这一点(除非Jugal能给我们举个例子)

我能想象的唯一可能性是隐藏其中一个图例,然后在启用图例的图表中使用事件“legendItemClick”,然后单击该图例时隐藏/显示两个图表

检查这把小提琴:

重要代码如下:

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
        }
       ]

是的,highcharts网站上有演示,你的意思是在一张图表中有两个不同的系列和一个图例?如果是,则默认情况下是这样。如果你的意思是有两个单独的图表,每个图表都有一个系列,但它们共享一个图例,那么你必须进行更多的编码才能使其正常工作。你有什么要求?