0

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

您好,我一直在寻找几个小时,但我无法在任何地方找到任何答案。我想使用谷歌可视化的时间线和 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 天的上下班时间。为了更清楚地检查这张图片- 它基本上是相同的,但我想要的是时间 + 而不是底部的 procent,而不是条形图,它是一个时间线图

4

0 回答 0