Highcharts-NG,改变语言

时间:2014-06-16 09:09:16

标签: angularjs highcharts highcharts-ng

我在angularjs应用程序中使用Highcharts-ng,可视化效果非常好。我只有一个问题,我无法改变这几个月的语言。

看到我通常可以用shortMonths,months等覆盖lang但是它不会影响。

在我的$ scope.chartConfig中,我添加了以下配置:

$scope.chartConfig = {
                        "options": {
                            chart: {
                                type: "column",
                                zoomType: "x"
                            },
                            plotOptions: {
                                "series": {
                                    "stacking": "normal"
                                }
                            },
                            "tooltip": {
                                headerFormat: '<b>{series.name}</b><br/>',
                                pointFormat: '{point.y:,.2f} €',
                            },
                            lang: {
                                loading: 'Daten werden geladen...',
                                months: "Januar,Februar,März,April,Mayi,Juni,Juli,August,September,Oktober,November,DeZember".split(","),
                                shortMonths: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
                                weekdays: "Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday".split(","),
                                decimalPoint: ',',
                                thousandsSep: '.',
                                resetZoom: "Zoom zurücksetzen",
                                resetZoomTitle: "Zoom zurücksetzen"
                            },
                        },...

它显示加载lang变量“Daten werden geladen ...”但不显示已翻译的月份。

如果有人提示解决这个问题会很棒。提前谢谢。

1 个答案:

答案 0 :(得分:2)

在启动图表之前设置语言选项(全局)。(任何图表)

Highcharts.setOptions({
    lang: {
        months: ["Januar,Februar,März,April,Mayi,Juni,Juli,August,September,Oktober,November,DeZember"],
        weekdays: ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Frietag', 'Samstag', 'Sonntag']
    }
});

Reference