2

我花了很多时间将每个 highcharts 元素格式化为法语格式（文本、日期、按钮等）

我为您使用 highcharts 的应用程序提出了一个小的“宏”法语主题。

Highcharts.theme = {

lang: {

    /*------ Dates translation ------ */
    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', 'Fev', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil',
        'Aout', 'Sept', 'Oct', 'Nov', 'Déc'],

    /*------ Texts translation ------ */
    downloadPNG: 'Télécharger en image PNG',
    downloadJPEG: 'Télécharger en image JPEG',
    downloadPDF: 'Télécharger en document PDF',
    downloadSVG: 'Télécharger en document Vectoriel',
    exportButtonTitle: 'Export du graphique',
    loading: 'Chargement en cours...',
    printButtonTitle: 'Imprimer le graphique',
    resetZoom: 'Réinitialiser le zoom',
    resetZoomTitle: 'Réinitialiser le zoom au niveau 1:1',
    printChart: 'Imprimer le graphique',

    /*------ Number Formate ------ */
    thousandsSep: ' ', // ex: 52 000
    decimalPoint: ',' // ex: 1 525,50
},
credits: {
    /*------ Unrelated but usefull to remove credits in each charts ------ */
    enabled: false
},
rangeSelector: {
    /*------ Highstock date range selector (the 2 little inputs in right corner) ------ */
    inputDateFormat: '%e %b %Y', // ex: 8 Avr 2014
    inputEditDateFormat: '%d/%m/%Y', // After clicking on item ex : 13/06/2014
    // Processing After enter key pressed : apply the 13/06/2014 format
    inputDateParser: function (value) {
        value = value.split('/');
        return Date.UTC(
                parseInt(value[2]),
                parseInt(value[1]) - 1,
                parseInt(value[0])
                );
    },
    /*------ Highstock zoom selector (on the left top side) ------ */
    buttons: [{
            type: 'month',
            count: 1,
            text: '1 M' // useless translate :p
        }, {
            type: 'month',
            count: 6,
            text: '6 M' // useless translate :p
        }, {
            type: 'year',
            count: 1,
            text: '1 A' // translate Y in A (Année in french)
        }, {
            type: 'all',
            count: 1,
            text: 'Tout' // translate all in Tout
        }],
    selected: 2, // Here we force to select 6 M
    inputEnabled: true // Active Inputs
},
};

Highcharts.setOptions(Highcharts.theme);

你必须在 highstock.js 和你的 .highcharts 函数之间添加这个文件（charts-theme.js）。

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://saur/assets/backend/pages/scripts/charts-theme.js"></script>
<script src="http://saur/assets/backend/pages/scripts/charts.js"></script>

显然，您可以将它与不同的语言一起使用，或者只是定义一些“一般”用途。

希望它有所帮助。

4

0 回答 0