Hichcharts CSV Import - Название серии

Question

Мы импортируем файл CSV в Highcharts. Первая строка содержит имена серий. Теперь нам нужно отобразить наши диаграммы и для другого языка. Как мы можем получить серийные имена и перевести их? Или есть другой способ, обозначающий серию при импорте из CSV?

Мы импортируем файл CSV, как следующий код:

$.get('data.csv', function(csv) { 
Highcharts.setOptions({ 
colors: ['#ffd800'] 
}); 
    $('.loadDiv1').hide(); 
    $('#chart_1').highcharts({ 
     chart: { 
      type: 'area' 
     }, 
     data: { 
      csv: csv, 
      itemDelimiter: ';', 
      lineDelimiter: '\n', 
      decimalPoint: ',' 
     }, 
     title: { 
      text: '<?php echo $lang['79']; ?>', 
      style: { 
       color: '#68666b', 
       fontWeight: 'bold', 
       fontSize: '14px' 
      } 
     }, 
     yAxis: { 
     min: 1, 
     max: 10, 

     tickInterval: 1, 
      title: { 
       text: '' 
      }, 
      labels: { 
       format: '{value} kW' 
      } 

     }, 
     legend:{ 
      enabled: false  
     }, 
     plotOptions: { 
     series: { 
      marker: { 
       enabled: false 
      } 
     } 
    }, 
     credits: { 
      enabled: false 
     } 
    }); 
}); 

В файле CSV выглядит следующим образом:

row;Serienname 1;Serienname 2;Serienname 3;Serienname 4;Serienname 5 
00:00;0,00;0,00;0,00;0,00;0,00 
00:02;0,00;0,00;0,00;0,00;0,00 

Нам нужен "Serienname 1 -5" (имена являются лишь примерами, мы использовать другие немецкие слова), переведенные на разные языки.

Спасибо за помощь Нил

Answer 1

Существует пример здесь вы можете сделать заказ предварительной обработки csv custom preprocessing

И вы, вероятно, можете использовать этот JQuery плагин для перевода translate.js

Adding classes to series

chart: { 
     renderTo: 'container', 
     defaultSeriesType: 'line', 
     marginRight: 50, 
     marginBottom: 175, 
     events: { 
      load: function() { 
       var chart = this; 
       $(chart.series).each(function (i, serie) { 
        $('<li style="color: ' + serie.color + '">' + serie.name + '</li>').click(function() { 
         serie.visible ? serie.hide() : serie.show(); 
        }).appendTo('#legend'); 
       }); 
      } 
     } 
    }