2016-09-21 2 views
0

Ich arbeite mit Hightcharts, ich versuche, die Legende des Diagramms zu zeigen, aber ich habe keine Ahnung, warum es nicht zeigen.So zeigen Sie die Legende in HighCharts

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 
    }); 
} 

selbst versuche ich so etwas wie dieses, sehr einfach und zeigen

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

}, 

Jede Idee, nichts! Dank in Fortschritten

+0

Können Sie eine ähnliche Geige bereitstellen? –

Antwort

1

In der Legende aktiviert auf True.

legend: { 
      enabled: true 
     }, 
+0

Dank @Ashish Mulaye, ich weiß nicht, warum zeigen Sie mir nichts vor, wenn das Dokument sagen "Aktivieren oder deaktivieren Sie die Legende. Standardwerte auf wahr" – Stone

Verwandte Themen