#javascript #google-visualization #tooltip
Вопрос:
В настоящее время я создаю приложение для погоды. Ниже приведен код, который я использую для отображения диаграммы Google.
function drawLineGraph() {
var options = {
hAxis: {
title: 'Time'
},
vAxis: {
title: variable
},
//backgroundColor: '#f1f8e9',
interpolateNulls: false
};
var data = [];
var title = [];
var data = new google.visualization.DataTable();
data.addColumn('date', 'TimeLine');
var formatter = new google.visualization.NumberFormat({pattern: '##.##' units[0]});
for (var i = 0; i < n_variables; i ) {
data.addColumn('number', variables[i] ' ' agg_levels[i])
}
data.addRows(y)
for (var i = 0; i < n_variables; i ) {
formatter.format(data, i 1) }
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
Я столкнулся с проблемой, связанной с форматированием данных. Как видно на рисунке ниже, несмотря на то, что я добавил десятичный разделитель после второго значения, оно отображается только после четвертого. Я хочу, чтобы значение было показано как 71,33%
Я также заметил, что если я заменю десятичный знак запятой, все станет хорошо. В настоящее время я нахожусь в Германии, где на самом деле используется десятичная дробь вместо запятой. Так это проблема региона ? Каким-либо образом я могу жестко ввести код в свой javascript, чтобы установить область по умолчанию ?
Комментарии:
1. Вы пробовали
decimalSymbol
иgroupingSymbol
вариантыNumerformat
, как описано в справочнике по API
Ответ №1:
существуют различные варианты, которые вы можете попробовать с помощью форматера, как указано в комментарии.
но вы можете управлять отформатированным значением, загружая данные с помощью объектной нотации.
при добавлении данных с использованием addRows
для каждого значения ячейки вы можете использовать обозначения объектов.
где v:
находится значение и f:
является отформатированным значением.
{v: 71.33, f: '71,33%'}
data.addRows([
['8:00 PM', {v: 71.33, f: '71,33%'}]
]);
вы также можете загружать определенные локали при загрузке диаграмм Google,
что, вероятно, решит вашу проблему без каких-либо из вышеперечисленных вариантов.
см. раздел —> >загрузка с использованием языкового стандарта