Как отформатировать метки горизонтальной оси на линейном графике в Google Visualization API?

Question

Я пытаюсь использовать функцию setFormattedValue () из класса DataTable, чтобы изменить вид меток по горизонтальной оси на линейном графике, но значения не форматируются.Метки остаются в своих значениях по умолчанию, созданных setValue ().

Например, следующий код не выдает 00:36:45 на оси, а просто 2205.

var table = new google.visualization.DataTable();
table.addRows(1);

table.addColumn('number', 'time');
table.addColumn('number', 'altitude');

table.setValue(0, 0, 2205);
table.setFormattedValue(0, 0, '00:36:45');
table.setValue(0, 1, 35);

var chart = new google.visualization.LineChart($('chartdiv'));
chart.draw(table);

Я не понимаю, что я делаю не так.Не должно ли setFormattedValue () заставить метку отображаться как 00:36:45 вместо 2205?

Если это неправильный способ изменить вид меток осей, то как это сделать?Я не могу изменить тип столбца на строку, потому что построенная линия основана на числовых координатах х / у.

Answer 1

Частичное решение:

заменить chart.draw(table); на:

chart.draw(table, {
    hAxis: {
        ticks: [
            {v:2205, f:'00:36:45'},
            {v:35, f:35}
        ]
    }
});

ticks позволяет отобразить любое значение и его представление на оси, но я думаю, что вы должны перечислитьзначения для всех ярлыков, которые вы хотите.(Но это может быть автоматизировано с помощью специального скрипта)

Answer 2

Вы сказали, что не можете изменить тип столбца на строку, но можете ли вы изменить его на Date?Ось показывает число, потому что вы объявили оба столбца как числовой тип.

Я не вижу связи между 00:36:45 и 2205. Является ли 2205 значением, которое вы получаете в это время?Если вы нарисовали больше точек на линейном графике, вы можете проверить, соответствуют ли их метки форматированному значению, которое вы устанавливаете.