2017-02-28 18 views
0

シリーズ名= 'SP'の場合、凡例を無効にしたい。シリーズ名は隠されていますが、私はまだ凡例にシンボルアイコンが表示されています。私はlegend.enabledを切り替えるためにlabelFormatterを使用しています。それを行う方法はありますか?シリーズ名= 'SP'の場合、ハイチャートの凡例を無効にする

bc_legend

 function createOptionBasicColumn(chartTitle, chartCriteria, categories) { 
     var options = { 
      colors : ['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce', '#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'], 
      chart : { 
       renderTo : 'container', 
       type : 'column', 
       spacingBottom: 150, 
       events: { 
        load: function() { 
         var text = this.renderer.text(chartCriteria, 5, 500).css({ 
          'font-size' : 9, 
          'width': '580px' 
         }).add(); 
        } 
       } 
      }, 
      credits : { 
       enabled : false 
      }, 
      legend : { 
       align: 'right', 
       verticalAlign: 'middle', 
       layout : 'vertical', 
       labelFormatter: function() { 
        if (this.name != 'SP') { 
         enabled = true; 
        } else { 
         enabled = false; 
        } 
       }  
      }, 
      title : { 
       text : chartTitle 
      }, 
      xAxis : { 
       categories : categories 
      }, 
      tooltip: { 
       formatter: function() { 
        return this.series.name +': '+ Highcharts.numberFormat(this.y, 2) ; 
       } 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: ' ' 
       } 
      }, 
      plotOptions: { 
       column: { 
        pointPadding: 0.2, 
        borderWidth: 0 
       } 
      }, 
      series: [] 
     }; 

     return options; 
    } 

答えて

0

あなたは、デフォルトでは、凡例を非表示にし、最初のセリエがここSP

var chart = Highcharts.chart('container', createOptionBasicColumn(chartTitle, chartCriteria, categories)) 
var legend = chart.legend; 
if (chart.series[0].name != "SP") { 
    legend.render(); 
} 

ない場合は後に、それをレンダリングすることができ、完全なフィドルは、In http://jsfiddle.net/7z8ke3h6/2/

1

ですチャート構成をに設定して、表示しないでください。

series: [{ 
    showInLegend: false, 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
}, { 
    data: [95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1] 
}] 

例:http://jsfiddle.net/t37auqcs/

関連する問題