javascript - 2 つのタイプのハイチャートを 1 つの凡例と組み合わせますか?

Question

2種類のハイチャート(縦棒グラフと横棒グラフ)を1ページにまとめるには? したがって、凡例は 1 つだけになります。出来ますか？

Answer 1

これは、デフォルトでは HighCharts によってサポートされていないと思います (Jugal が例を挙げてくれる場合を除きます)。

私が想像できる唯一の可能性は、凡例の1つを非表示にしてから、凡例を有効にしてチャートのイベント「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
        }
       ]