Highcharts DateTime本地化

有人可以指点我如何本地化在HighCharts js文件中硬编码的date相关的string。 例如,而不是在X轴默认的“二月”date标签,我想图表显示本地化的价值“Fév”。 我试图通过在图表启动之前在语言对象上设置选项来实现本地化:

Highcharts.setOptions({ lang: { months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'], weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'] } }); 

但图表仍显示默认值。

js摆脱了这个问题。

只是为了完成这个话题:

所有与语言相关的选项都可以在这里find

完整的葡萄牙语例子:

 var highchartsOptions = Highcharts.setOptions({ lang: { loading: 'Aguarde...', months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'], weekdays: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'], shortMonths: ['Jan', 'Feb', 'Mar', 'Abr', 'Maio', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], exportButtonTitle: "Exportar", printButtonTitle: "Imprimir", rangeSelectorFrom: "De", rangeSelectorTo: "Até", rangeSelectorZoom: "Periodo", downloadPNG: 'Download imagem PNG', downloadJPEG: 'Download imagem JPEG', downloadPDF: 'Download documento PDF', downloadSVG: 'Download imagem SVG' // resetZoom: "Reset", // resetZoomTitle: "Reset, // thousandsSep: ".", // decimalPoint: ',' } } ); 

完成俄语本地化(русскаялокализация)。

 Highcharts.setOptions({ lang: { loading: 'Загрузка...', months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'], weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'], shortMonths: ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сент', 'Окт', 'Нояб', 'Дек'], exportButtonTitle: "Экспорт", printButtonTitle: "Печать", rangeSelectorFrom: "С", rangeSelectorTo: "По", rangeSelectorZoom: "Период", downloadPNG: 'Скачать PNG', downloadJPEG: 'Скачать JPEG', downloadPDF: 'Скачать PDF', downloadSVG: 'Скачать SVG', printChart: 'Напечатать график' } }); 

Enespañol:

 Highcharts.setOptions({ lang: { loading: 'Cargando...', months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'], weekdays: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'], shortMonths: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'], exportButtonTitle: "Exportar", printButtonTitle: "Importar", rangeSelectorFrom: "Desde", rangeSelectorTo: "Hasta", rangeSelectorZoom: "Período", downloadPNG: 'Descargar imagen PNG', downloadJPEG: 'Descargar imagen JPEG', downloadPDF: 'Descargar imagen PDF', downloadSVG: 'Descargar imagen SVG', printChart: 'Imprimir', resetZoom: 'Reiniciar zoom', resetZoomTitle: 'Reiniciar zoom', thousandsSep: ",", decimalPoint: '.' } }); 

为了本地化工作日, Highcharts.setOptions应该在图表创build之前被调用并且包含新的工作日名称:

 Highcharts.setOptions({ lang: { weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'] } }); 

请注意,该数组应以星期日(星期一)(工作周的第一天)的名称开头。

例如jsFiddle

在这里输入图像说明

在德语中(注意Highstocks中的迷你button仍然被标记为“YTD”,“1y”和“All”):

 Highcharts.setOptions({ lang: { decimalPoint: ',', thousandsSep: '.', loading: 'Daten werden geladen...', months: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'], weekdays: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'], shortMonths: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'], exportButtonTitle: "Exportieren", printButtonTitle: "Drucken", rangeSelectorFrom: "Von", rangeSelectorTo: "Bis", rangeSelectorZoom: "Zeitraum", downloadPNG: 'Download als PNG-Bild', downloadJPEG: 'Download als JPEG-Bild', downloadPDF: 'Download als PDF-Dokument', downloadSVG: 'Download als SVG-Bild', resetZoom: "Zoom zurücksetzen", resetZoomTitle: "Zoom zurücksetzen" } }); 

要更改范围select器button,需要更多信息:

 rangeSelector: { buttons: [{ count: 1, type: 'month', text: '1M' }, { count: 5, type: 'month', text: '5M' }, { type: 'all', text: 'Alles' }], inputEnabled: false, selected: 0 }, month/months -> Monat/Monate ("M" is the correct abbreviation) minute/minutes-> Minute/Minuten millisecond/milliseconds-> Millisekunde/Millisekunden year/years -> Jahr/Jahre all -> Alles (everything) or Gesamt (the whole) ytd (year to date) -> seit Jahresbeginn (since the start of this year) 

用法语:

 Highcharts.setOptions({ lang: { loading: 'Chargement...', months: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'], weekdays: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'], shortMonths: ['jan', 'fév', 'mar', 'avr', 'mai', 'juin', 'juil', 'aoû', 'sep', 'oct', 'nov', 'déc'], exportButtonTitle: "Exporter", printButtonTitle: "Imprimer", rangeSelectorFrom: "Du", rangeSelectorTo: "au", rangeSelectorZoom: "Période", downloadPNG: 'Télécharger en PNG', downloadJPEG: 'Télécharger en JPEG', downloadPDF: 'Télécharger en PDF', downloadSVG: 'Télécharger en SVG', resetZoom: "Réinitialiser le zoom", resetZoomTitle: "Réinitialiser le zoom", thousandsSep: " ", decimalPoint: ',' } }); 

在意大利语

 var highchartsOptions = Highcharts.setOptions({ lang: { loading: 'Sto caricando...', months: ['Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre'], weekdays: ['Domenica', 'Lunedì', 'Martedì', 'Mercoledì', 'Giovedì', 'Venerdì', 'Sabato'], shortMonths: ['Gen', 'Feb', 'Mar', 'Apr', 'Mag', 'Giu', 'Lugl', 'Ago', 'Set', 'Ott', 'Nov', 'Dic'], exportButtonTitle: "Esporta", printButtonTitle: "Importa", rangeSelectorFrom: "Da", rangeSelectorTo: "A", rangeSelectorZoom: "Periodo", downloadPNG: 'Download immagine PNG', downloadJPEG: 'Download immagine JPEG', downloadPDF: 'Download documento PDF', downloadSVG: 'Download immagine SVG', printChart: 'Stampa grafico', thousandsSep: ".", decimalPoint: ',' } }); 

对于荷兰语(荷兰语)

 var highchartsOptions = Highcharts.setOptions({ lang: { loading: 'Wordt geladen...', months: ['januari', 'februari', 'maart', 'april', 'mei', 'juni', 'juli', 'augustus', 'september', 'oktober', 'november', 'december'], weekdays: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'], shortMonths: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun', 'jul', 'aug', 'sep', 'okt', 'nov', 'dec'], exportButtonTitle: "Exporteren", printButtonTitle: "Printen", rangeSelectorFrom: "Vanaf", rangeSelectorTo: "Tot", rangeSelectorZoom: "Periode", downloadPNG: 'Download als PNG', downloadJPEG: 'Download als JPEG', downloadPDF: 'Download als PDF', downloadSVG: 'Download als SVG', resetZoom: 'Reset', resetZoomTitle: 'Reset', thousandsSep: '.', decimalPoint: ',' } } ); 

使用shortMonths属性:

 Highcharts.setOptions({ lang: { shortMonths: [__('Jan'), __('Feb'), __('Mar'), __('Apr'), __('May'), __('Jun'), __('Jul'), __('Aug'), __('Sep'), __('Oct'), __('Nov'), __('Dec')] }, }); 

对于波兰语:

 Highcharts.setOptions({ lang: { loading: 'Ładowanie...', months: ['Styczeń', 'Luty', 'Marzec', 'Kwiecień', 'Maj', 'Czerwiec', 'Lipiec', 'Sierpień', 'Wrzesień', 'Październik', 'Listopad', 'Grudzień'], weekdays: ['Niedziela', 'Poniedziałek', 'Wtorek', 'Środa', 'Czwartek', 'Piątek', 'Sobota'], shortMonths: ['Sty', 'Lut', 'Mar', 'Kwi', 'Maj', 'Cze', 'Lip', 'Sie', 'Wrz', 'Paź','Lis', 'Gru'], exportButtonTitle: "Export", printButtonTitle: "Drukowanie", rangeSelectorFrom: "Od", rangeSelectorTo: "Do", rangeSelectorZoom: "Przybliżenie", downloadPNG: 'Pobierz obraz PNG', downloadJPEG: 'Pobierz obraz JPEG', downloadPDF: 'Pobierz dokument PDF', downloadSVG: 'Pobierz obraz SVG', thousandsSep: " ", decimalPoint: ',' // resetZoom: "Reset", // resetZoomTitle: "Reset, } } 

对于土耳其语(Türkçeolarak):

 var highchartsOptions = Highcharts.setOptions({ lang: { loading: 'Yükleniyor...', months: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'], weekdays: ['Pazar', 'Pazartesi', 'Salı', 'Çarşamba', 'Perşembe', 'Cuma', 'Cumartesi'], shortMonths: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'], exportButtonTitle: "Dışarı Aktar", printButtonTitle: "Yazdır", rangeSelectorFrom: "Başlangış", rangeSelectorTo: "Bitiş", rangeSelectorZoom: "Periyot", downloadPNG: 'PNG Olarak indir', downloadJPEG: 'JPEG olarak indir', downloadPDF: 'PDF olarak indir', downloadSVG: 'SVG olarak indir', resetZoom: ['Yakınlaşmayı Sıfırla'], resetZoomTitle:['Yakınlaşmayı Sıfırla'], printChart:['Yazdır'] // thousandsSep: ".", // decimalPoint: ',' } }); 

不要忘记将dateTimeLabelFormats设置为正确的格式; 例如:而不是month: '%b %y' – > month: '%B %y' (使用长月份)

匈牙利语(magyar):

 lang: { loading: 'Betöltés...', months: ['január', 'február', 'március', 'április', 'május','június', 'július', 'augusztus', 'szeptember', 'október', 'november', 'december'], shortMonths: ['jan', 'febr', 'márc', 'ápr', 'máj', 'jún', 'júl', 'aug', 'szept', 'okt', 'nov', 'dec'], weekdays: ['vasámap', 'hétfő', 'kedd', 'szerda', 'csütörtök', 'péntek', 'szombat'], exportButtonTitle: "Exportál", printButtonTitle: "Importál", rangeSelectorFrom: "ettől", rangeSelectorTo: "eddig", rangeSelectorZoom: "mutat:", downloadPNG: 'Letöltés PNG képként', downloadJPEG: 'Letöltés JPEG képként', downloadPDF: 'Letöltés PDF dokumentumként', downloadSVG: 'Letöltés SVG formátumban', resetZoom: "Visszaállít", resetZoomTitle: "Visszaállít", thousandsSep: "", decimalPoint: ',' }, rangeSelector: { buttons: [ { count: 1, type: 'month', text: '1 hó'}, { count: 3, type: 'month', text: '3 hó'}, { count: 6, type: 'month', text: '6 hó'}, { count: 1, type: 'year' , text: '1 év'}, { type: 'all', text: 'mind'} ], inputEnabled: false, selected: 0 }, 

请注意:平日从星期天开始!

捷克语翻译

 var highchartsOptions = Highcharts.setOptions({ lang: { loading: 'Načítám...', months: ['Leden', 'Únor', 'Březen', 'Duben', 'Květen', 'Červen', 'Červenec', 'Srpen', 'Září', 'Říjen', 'Listopad', 'Prosinec'], weekdays: ['Neděle', 'Pondělí', 'Úterý', 'Středa', 'Čtvrtek', 'Pátek', 'Sobota'], shortMonths: ['Led', 'Úno', 'Bře', 'Dub', 'Kvě', 'Čvn', 'Čvc', 'Srp', 'Zář', 'Říj', 'Lis', 'Pro'], exportButtonTitle: "Export", printButtonTitle: "Tisk", rangeSelectorFrom: "Od", rangeSelectorTo: "Do", rangeSelectorZoom: "Období", downloadPNG: 'Stáhnout obrázek PNG', downloadJPEG: 'Stáhnout obrázek JPEG', downloadPDF: 'Stáhnout dokument PDF', downloadSVG: 'Stáhnout obrázek SVG', printChart: 'Vytisknout graf', resetZoom: "Zrušit výběr", resetZoomTitle: "Zrušit výběr", thousandsSep: "", decimalPoint: '.' } } ); 

高图的俄语翻译

Русскийперевод在高图

 Highcharts.setOptions({ lang: { months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'], weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'], shortMonths: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'] } }); 

加泰罗尼亚语(检查github回购更新)

 Highcharts.setOptions({ lang: { contextButtonTitle: "Menú contextual del diagrama", decimalPoint: ",", downloadJPEG: "Desa com a imatge JPEG", downloadPDF: "Desa com a document PDF", downloadPNG: "Desa com a imatge PNG", downloadSVG: "Desa com a imatge SVG", drillUpText: "Torna a {series.name}", loading: "S'està carregant...", months: ["Gener", "Febrer", "Març", "Abril", "Maig", "Juny", "Juliol", "Agost", "Setembre", "Octubre", "Novembre", "Desembre"], noData: "No hi ha dades per mostrar", printChart: "Imprimeix el diagrama", resetZoom: "Restableix el zoom", resetZoomTitle: "Restableix el nivell de zoom 1:1", shortMonths: ["Gen", "Feb", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Oct", "Nov", "Des"], thousandsSep: ".", weekdays: ["Diumenge", "Dilluns", "Dimarts", "Dimecres", "Dijous", "Divendres", "Dissabte"] } }); 

用中文(expression

 var highchartsOptions = Highcharts.setOptions({ lang: { loading: '加载中...', months: ['1月', '2月', '3月', '4月', '5月', '6月', '7月','8月', '9月', '10月', '11月', '12月'], shortMonths: ['1月', '2月', '3月', '4月', '5月', '6月', '7月','8月', '9月', '10月', '11月', '12月'], weekdays: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'], exportButtonTitle: '导出', printButtonTitle: '打印', rangeSelectorFrom: '从', rangeSelectorTo: '到', rangeSelectorZoom: "缩放", downloadPNG: '下载PNG格式', downloadJPEG: '下载JPEG格式', downloadPDF: '下载PDF格式', downloadSVG: '下载SVG格式' } } 

翻译

 var highchartsOptions = Highcharts.setOptions({ lang: { loading: 'Načítavam...', months: ['Január', 'Február', 'Marec', 'Apríl', 'Máj', 'Jún', 'Júl', 'August', 'September', 'Október', 'November', 'December'], weekdays: ['Nedeľa', 'Pondelok', 'Utorok', 'Streda', 'Štvrtok', 'Piatok', 'Sobota'], shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'Máj', 'Jún', 'Júl', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'], exportButtonTitle: "Export", printButtonTitle: "Tlač", rangeSelectorFrom: "Od", rangeSelectorTo: "Do", rangeSelectorZoom: "Obdobie", downloadPNG: 'Stiahnuť obrázok PNG', downloadJPEG: 'Stiahnuť obrázok JPEG', downloadPDF: 'Stiahnuť dokument PDF', downloadSVG: 'Stiahnuť obrázok SVG', printChart: 'Vytlačiť graf', resetZoom: "Zrušiť výber", resetZoomTitle: "Zrušiť výber", thousandsSep: "", decimalPoint: '.' } } ); 

Norwegian,Bokmål (最常用的书面标准)的翻译:

 Highcharts.setOptions({ lang: { contextButtonTitle: "Diagram kontekstmeny" decimalPoint: "," downloadJPEG: "Last ned JPEG bilde" downloadPDF: "Last ned PDF dokument" downloadPNG: "Last ned PNG bilde" downloadSVG: "Last ned SVG vektorbilde" drillUpText: "Tilbake til {series.name}" invalidDate: loading: "Laster..." months: [ "Januar" , "Februar" , "Mars" , "April" , "Mai" , "Juni" , "Juli" , "August" , "September" , "Oktober" , "November" , "Desember"] noData: "Ingen data å vise" numericSymbols: [ "k" , "M" , "G" , "T" , "P" , "E"] printChart: "Skriv ut diagram" resetZoom: "Nullstill zoom" resetZoomTitle: "Nullstill zoomnivå 1:1" shortMonths: [ "Jan" , "Feb" , "Mar" , "Apr" , "Mai" , "Jun" , "Jul" , "Aug" , "Sep" , "Okt" , "Nov" , "Des"] shortWeekdays: undefined thousandsSep: " " weekdays: ["Søndag", "Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag"] } }); 

挪威语,挪威语翻译:

 Highcharts.setOptions({ lang: { contextButtonTitle: "Diagram kontekstmeny" decimalPoint: "," downloadJPEG: "Last ned JPEG bilete" downloadPDF: "Last ned PDF dokument" downloadPNG: "Last ned PNG bilete" downloadSVG: "Last ned SVG vektorbilete" drillUpText: "Tilbake til {series.name}" invalidDate: loading: "Lastar..." months: [ "Januar" , "Februar" , "Mars" , "April" , "Mai" , "Juni" , "Juli" , "August" , "September" , "Oktober" , "November" , "Desember"] noData: "Ingen data å vise" numericSymbols: [ "k" , "M" , "G" , "T" , "P" , "E"] printChart: "Skriv ut diagram" resetZoom: "Nullstill zoom" resetZoomTitle: "Nullstill zoomnivå 1:1" shortMonths: [ "Jan" , "Feb" , "Mar" , "Apr" , "Mai" , "Jun" , "Jul" , "Aug" , "Sep" , "Okt" , "Nov" , "Des"] shortWeekdays: undefined thousandsSep: " " weekdays: ["Søndag", "Måndag", "Tysdag", "Onsdag", "Torsdag", "Fredag", "Laurdag"] } });