は、それはほとんどこのようなものだ共有シリーズ

Question

で列をグループ化して積み重ねられました。私の場合、それぞれの人は男性または女性ではなく、両者の一部です。ここで

私のカテゴリとシリーズされています

categories: [ 
    'Apples', 'Oranges', 
], 

series: [ 
    { 
     name: 'John', 
     data: [1, 9], 
     stack: 'Type A', 
    }, 
    { 
     name: 'John', 
     data: [2, 10], 
     stack: 'Type B', 
    }, 
    { 
     name: 'Joe', 
     data: [3, 11], 
     stack: 'Type A', 
    }, 
    { 
     name: 'Joe', 
     data: [4, 11], 
     stack: 'Type B', 
    }, 
    { 
     name: 'Jane', 
     data: [5, 12], 
     stack: 'Type A', 
    }, 
    { 
     name: 'Jane', 
     data: [6, 13], 
     stack: 'Type B', 
    }, 
    { 
     name: 'Janet', 
     data: [7, 14], 
     stack: 'Type A', 
    }, 
    { 
     name: 'Janet', 
     data: [8, 15], 
     stack: 'Type B', 
    }, 
], 

しかし、これでは、私は現在、すべての名前（ジャネット、ジョー、...）伝説で複製を持っています。

Answer 1

がthe highcharts forumからこの答えを得た：

はあなたにseries.linkedToを設定することができます凡例に重複名を削除するには同じ名前の2番目のシリーズの "：previous"次に、シリーズの色を同じに変更することができます。

series: [{ 
    name: 'John', 
    data: [1, 9], 
    stack: 'Type A', 
    }, { 
    name: 'John', 
    data: [2, 10], 
    stack: 'Type B', 
    linkedTo: ':previous', 
    color: Highcharts.getOptions().colors[0] 
    }, 

ライブデモ：http://jsfiddle.net/ppotaczek/psguhp3r/

Answer 2

あなたは、凡例の重複を防止し、対応するシリーズが同じ色を持っていることを確認するshowInLegend: falseを使用することができます。

series: [{ 
    name: 'John', 
    color: 'orange', 
    data: [1, 9], 
    stack: 'Type A', 
    }, { 
    name: 'John', 
    color: 'orange', 
    data: [2, 10], 
    stack: 'Type B', 
    showInLegend: false 
    } 
] 

コードのこの作品は、伝説は、すべてのシリーズの同じアクション（表示/非表示）を実行することを引き起こし

events: { 
    legendItemClick: function(event) { 
     var series = this, 
     chart = this.chart; 

     var isVisible = series.visible; 
     chart.series.forEach(function(s) { 
     if (s.name === series.name) { 
      if (isVisible) { 
      s.hide(); 
      } else { 
      s.show(); 
      } 
     } 
     }); 
     event.preventDefault(); 
    } 
    } 

ライブ作業例：http://jsfiddle.net/kkulig/cgu0g7vm/

共通の名前を持ちます10の

APIリファレンス：

• https://api.highcharts.com/highcharts/plotOptions.series.showInLegend
• https://api.highcharts.com/highcharts/plotOptions.series.events.legendItemClick