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

Hichcharts CSV导入 - 系列名称

1 个答案: