Highcharts DateTime Локализация - PullRequest
Новая
       2

Highcharts DateTime Локализация

42 голосов
/ 14 сентября 2011

Может кто-нибудь указать мне, как я могу локализовать строки, связанные с датой, которые жестко закодированы в js-файле HighCharts. Например, вместо стандартной метки даты «февраль» на оси X я хотел бы, чтобы на диаграмме отображалось локализованное значение «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']
} });

, но на диаграмме все еще отображаются значения по умолчанию.

jsFiddle с проблемой.

Ответы [ 20 ]

6 голосов
/ 30 октября 2012

Используйте свойство shortMonths: 

Highcharts.setOptions({
    lang: {
    shortMonths: [__('Jan'), __('Feb'), __('Mar'), __('Apr'), __('May'), __('Jun'), 
                  __('Jul'), __('Aug'), __('Sep'), __('Oct'), __('Nov'), __('Dec')]                         },
});
4 голосов
/ 04 мая 2015

на китайском 

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格式'
    }
}
4 голосов
/ 21 апреля 2015

Чешский перевод 

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: '.'
        }
    }
);
4 голосов
/ 16 августа 2014

Венгерский (магьяр): 

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
},

Примечание для всех: будни начинаются с воскресенья!

4 голосов
/ 04 июня 2012

Не забудьте установить ваш dateTimeLabelFormats в правильный формат;например: вместо month: '%b %y' -> month: '%B %y' (используйте длинный месяц)

3 голосов
/ 29 апреля 2019

Конечно, если вы используете момент в вашем стеке, бессмысленно снова переводить все эти строки с нуля: 

moment.locale('it-IT')
Highcharts.setOptions({
  lang: {
    months: moment.months(),
    weekdays: moment.weekdays(),
    shortMonths: moment.monthsShort(),
    ...
  }
})
3 голосов
/ 19 января 2015

каталонский (проверьте github repo для обновлений) 

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"]
    }
});
3 голосов
/ 26 апреля 2014

русский перевод для highchart

Русский перевод для highchart 

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

Перевод для Норвежский, букмол (наиболее часто используемый письменный стандарт): 

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"]
    }
});
2 голосов
/ 06 сентября 2015

Словацкий перевод 

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: '.'
        }
    }
);
Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...