如何在 HighCharts 中显示图例

Posted 2023-02-16

【中文标题】如何在 HighCharts 中显示图例

【英文标题】：How to show the legend in HighCharts

【发布时间】：2017-01-30 00:53:58

【问题描述】：

我正在使用Hightcharts，我尝试显示图表的图例，但我不知道为什么不显示它。

  function multipleCharts(current_data) 
  var seriesOptions = [],
    type = ['jobs_running', 'jobs_pending'];
  for (var j = 0; j < current_data.length; j++) 
    var project = current_data[j]['name'];
    for (var i = 0; i < type.length; i++) 
      seriesOptions.push(
        name: project + ' ' + type[i],
        data: current_data[j][type[i]]
      );
    
  
  $('#containerChart').highcharts('StockChart', 

    tooltip: 
      formatter: function()
        s = '';
        $.each(this.points, function()
          s += '<br/>' + '<span style="color:'+ this.series.color +'; text-transform: uppercase;">' + this.series.name + ':' + '</span>'+ ' ' + Highcharts.numberFormat(this.y,0) + ' jobs';
        );
        return s;
      ,
    ,
    legend: 
      labelFormatter: function() 
        serie_name = '';
        $.each(this.series, function()
          serie_name +=  this.series.name + '<br/>';
        );
        return serie_name;
      ,
    ,
    rangeSelector: 
        buttonTheme:  // styles for the buttons
            fill: 'none',
            stroke: 'none',
            'stroke-width': 0,
            r: 8,
            style: 
                color: '#f47321',
                fontWeight: 'bold'
            ,
            states: 
                hover: 
                ,
                select: 
                    fill: '#f47321',
                    style: 
                        color: 'white'
                    
                
                // disabled:  ... 
            
        ,
        inputBoxBorderColor: '#005030',
        inputBoxWidth: 120,
        inputBoxHeight: 18,
        inputStyle: 
            color: '#005030',
            fontWeight: 'bold'
        ,
        labelStyle: 
            color: '#005030',
            fontWeight: 'bold'
        ,
        selected: 0
    ,
    series: seriesOptions
  );

即使我尝试这样的事情，非常简单，并且没有显示任何内容

legend: 
    title: 
        text: 'hola',
        style: 
            fontStyle: 'italic'
        
    ,

,

任何想法！ 提前致谢

【问题讨论】：

你能提供任何类似的小提琴吗？

【参考方案1】：

在图例中设置为 true。

legend: 
            enabled: true
        ,

【讨论】：

谢谢@Ashish Mulaye，如果文档说“启用或禁用图例。默认为true”，我不知道为什么不向我展示任何内容

谢谢！顺便说一句，为什么文档中的示例不需要这个字段？例如：Legend at the right of the chart