javascript - 如何直接在谷歌图表中使用javascript纪元时间?

标签 javascript google-visualization

    google.load('visualization', '1', {
    packages: ['corechart', 'line']
});
google.setOnLoadCallback(drawBasic);

function drawBasic() {

    var data = new google.visualization.DataTable();
    data.addColumn('number', 'X');
    data.addColumn('number', 'Current Data');

    data.addRows([
        [
        1413154800000,
        0],
        [
        1413158400000,
        0],
        [
        1413162000000,
        0],
        [
        1413165600000,
        0],
        [
        1413169200000,
        0],
        [
        1413172800000,
        0],
        [
        1413176400000,
        0],
        [
        1413180000000,
        1],
        [
        1413183600000,
        5],
        [
        1413187200000,
        20],
        [
        1413190800000,
        16],
        [
        1413194400000,
        8],
        [
        1413198000000,
        2],
        [
        1413201600000,
        3],
        [
        1413205200000,
        2],
        [
        1413208800000,
        0],
        [
        1413212400000,
        0],
        [
        1413216000000,
        0],
        [
        1413219600000,
        0],
        [
        1413223200000,
        0],
        [
        1413226800000,
        0],
        [
        1413230400000,
        0],
        [
        1413234000000,
        0],
        [
        1413237600000,
        0]
    ]);

    var options = {
        hAxis: {
            title: 'Current Time',
            gridlines: {
                color: 'none'
            }
        },
        vAxis: {
            title: 'Minutes',
            gridlines: {
                color: 'none'
            }
        },
        curveType: 'function'
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

    chart.draw(data, options);
}

为了创建折线图,数据集采用纪元值。如果它与 new Date(epoch_value) 一起传递,例如 [ new Date(1413230400000), 0] ,则会抛出错误。还尝试在选项中将类型设置为日期,但这也不起作用。

基本上我希望它采用日期/时间格式。

desired chart

fiddle 链接: link

最佳答案

关于javascript - 如何直接在谷歌图表中使用javascript纪元时间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31139349/

相关文章:

javascript - 如何在 Angular 1.5 组件中使用绑定(bind)

javascript - 跳过函数关键字会引发语法错误

javascript - Google 注释图表上的轴格式(ScaleFormat 选项)

php - 使用 JSON 绘制具有多条线的单个 Google 折线图

javascript - 谷歌图表 : Loop through control (to set different states) and print PNG for each state

java - 在 Java EE 中绘制 google 图表

javascript - 输入值增量的和数组

javascript - HighCharts:如何读取 JSON 数据

javascript - 不使用 jQuery 的平滑滚动

javascript - 谷歌图表 :fix the Uncaught (in promise) Error: