2014-11-07 6 views
0

Использование Highcharts.js - Я хочу добавить значение серии в легенду, я не думаю, что мне нужно использовать функцию форматирования метки (я попытался использовать это). Вот код, который у меня есть, но я не вижу диаграммы с приведенным ниже кодом. Я уверен, что делаю небольшую ошибку. Кто-нибудь может указать, где именно я ошибаюсь. $ (функция() {Добавить значение значения в легенде для круговых диаграмм

$(document).ready(function() { 

    // Build the chart 
    $('#container').highcharts({ 
     chart: { 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false 
     }, 
     title: { 
      text: 'Browser market shares at a specific website, 2014' 
     }, 
     tooltip: { 
      pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: false 
       }, 
       showInLegend: true 
      } 
     }, 
      legend: { 
      enabled: true, 
      floating: true, 
      align: 'left', 
      verticalAlign: 'middle', 
       labelFormat: 
       ' {series.name} + ' ' + {point.percentage:.1f}' 
       , 
      borderWidth: 0 
     }, 
     series: [{ 
      type: 'pie', 
      name: 'Browser share', 
      data: [ 
       ['Firefox', 45.0], 
       ['IE',  26.8], 
       { 
        name: 'Chrome', 
        y: 12.8, 
        sliced: true, 
        selected: true 
       }, 
       ['Safari', 8.5], 
       ['Opera',  6.2], 
       ['Others', 0.7] 
      ] 
     }] 
    }); 
}); 

}); 
+0

Легенда обычно содержит статический текст. Вы пытаетесь использовать значение точки В какой точке вы хотите использовать? Вы пытаетесь изменить легенду в зависимости от того, в какой точке вы находитесь? – SteveP

ответ

1

Фигурные это сам. Я должен использовать labelFormatter. Вот код.

legend: { 
      layout: 'vertical', 
      enabled: true, 
      floating: true, 
      align: 'right', 
      verticalAlign: 'middle', 
       labelFormatter: function() { 
        return this.name + ' ' +this.percentage; 
       } 
       } 
+0

Мы можем использовать 'labelFormat: '{name} {percent: .1f}%'' – Meam

Смежные вопросы