Javascript Hichcharts CSV导入-系列名称

我们将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
      }
  });
});

我们需要将“Serienname 1-5”（名称只是示例，我们使用其他德语单词）翻译成不同的语言

谢谢你的帮助

---

Neil

这里有一个示例，您可以进行自定义预处理

您可以使用这个jquery插件进行翻译

图表：{
renderTo:'容器'，
defaultSeriesType:“行”，
marginRight:50，
marginBottom:175，
活动：{
加载：函数（）{
var图表=此；
$（图表系列）。每个（功能（i，系列）{
$（“
“+serie.name+”
”）。单击（函数（）{
serie.visible？serie.hide（）：serie.show（）；
}).附录（“#图例”）；
});
}
}
}

您应该翻译源CSV。您是否有使用字典（或类似工具）进行翻译的功能，或者您将如何翻译每个单词？因此，对于每种语言，都有一个单独的CSV？没有其他方法可以控制/获取名称并使用它们？@Victor我们签入PHP，其中设置了语言会话，并在根据会话加载的单独lang.PHP文件中翻译单词。Highcharts支持多种语言，但仅针对其默认值。看看这个。您要导入的CSV不属于Highcarts默认名称类别，因此您必须已翻译CSV，或者使用自定义函数解析CSV，并在解析过程中进行翻译。我个人制作了自己的解析器，并在解析过程中进行翻译。我不知道还有别的翻译方法。那看起来很有趣。但为此，我需要向Div中添加一个类，其中名称会被分解，这就引出了一个问题：如何才能让Div添加一个类：）您的意思是像下面这样使用jQuery向中添加一个类吗$（“#图表_1”）.addClass（'some_class'）；不，我的意思是在显示系列名称的div中添加一个类。

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

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