如何“拆分”日期,以便将它们放入谷歌图表

时间:2015-05-11 12:43:04

标签: javascript php json google-visualization pingdom

(是的,对于这个问题,我没有找到任何好的“问题”)

你好,我一直在找几个小时,我找不到任何答案。 我想使用Google图表的时间轴和pingdom API,使用谷歌图表创建自己的上下停机图。

问题主要在javascript部分,php部分用于pingdom API。 我正在使用API​​中的Summary.outage,正如您在网页上看到的那样,它将返回一个JSON字符串。 那是我必须要合作的东西。

我当前的javascript是:

google.load("visualization", "1.1", {packages:["timeline"]});
google.setOnLoadCallback(drawChart);

function drawChart() 
{
    var json = <?php echo $list; ?>, options, data;

    data = new google.visualization.DataTable();
    data.addColumn("string","State");
    data.addColumn("date","Start");
    data.addColumn("date","End");

    for (var i = 0; i < json.length; i++) {
        data.addRow([json[i].status, new Date(json[i].timefrom * 1000), new Date(json[i].timeto * 1000)]);
    };

    options = {
        height: 500,
        timeline: { groupByRowLabel: false }
    };

    var chart = new google.visualization.Timeline(document.getElementById('graph'));
    chart.draw(data, options);
}

它给出了输出:http://puu.sh/hJk2f.png

但是,我希望它改为:

data.addColumn("date","Date");
data.addColumn("date","Start");
data.addColumn("date","End");

你现在知道这是对的吗? 我希望它能代替实际日期的“向上”和“向下”

我必须从这里改变索引0

data.addRow([/*what to put here*/, new Date(json[i].timefrom * 1000), new Date(json[i].timeto * 1000)]);

但我不知道怎么做。如果你认为常识它就像一张带有时间的条形图 - 也就是说,最小限制应该像一天的开始(00:00),最大限制也应该是一天的结束(23:59)

因此,它可以概述过去5天的上下时间。 为了更清楚地检查这个image - 它基本上是相同的,但不是底部的过程我想要时间+而不是条形图它是时间线图

0 个答案:

没有答案