我有一个石墨服务器运行和收集数据。这已经运行了好几个月。 我发现cubism.js,我想让它工作,并没有运气。使用修改Cubism.js Graphite标题文本下的代码。我无法使cubism.js工作。 代码:(更改服务器名称)。REFERENCE修改Cubism.js Graphite标题文字,无法在屏幕上看到数据
<!DOCTYPE html>
<meta charset="utf-8" />
Cubism.js</pre>
<style>
</style>
<div id="body">
<h2>Host01 Load Average</h2>
<div id="graphs"></div>
<script type="text/javascript" src="d3.v3.js"></script>
<script type="text/javascript" src="cubism.v1.js"></script>
<script type="text/javascript" src="highlight.min.js"></script>
<script type="text/javascript">
{font-family:arial,helvettica,sans-serif"}
</script>
<script type="text/javascript">
var context = cubism.context()
.step(1 * 30 * 1000)
.size(960);
var graphite = context.graphite("http://graphite.examp.com");
graphFind = 'PDU.*.B-AMPS'
graphite.find(graphFind, function(error, results) {
// Map find results to array and set to graphite.metric object type
var metrics = results.sort().map(function(i) {
return graphite.metric(i);
});
// loop through array and print stuff to "graphs" div
for (var i=0;i<metrics.length;i++){
d3.select("#graphs").call(function(div) {
div.append("div")
.selectAll(".horizon")
.data([metrics[i]])
.enter()
.append("div")
.attr("class", "horizon")
.call(context.horizon());
});
}
});
的URL屏幕上的OK
我看到 Cubism.js Host01平均负载 没有数据:
查看页面源,像上面,graphte服务器上 查看日志。
xxx.xxx.116.130 - - [28/Mar/2014:17:17:56 -0500] "GET /metrics
/find?format=completer& query=PDU.*.B-AMPS HTTP/1.1" 200 436
在浏览器
我可以
http://graphite.examp.com/metrics/find?format=completer&query=PDU.*.B-AMPS
,并得到
{"metrics": [{"is_leaf": "1", "path": "PDU.rack1a.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack2a.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack2b.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack3a.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack3b.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack4a.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack4b.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack5a.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack5b.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack6a.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack6b.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack7a.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack7b.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack8a.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack9a.B-AMPS", "name": "B-AMPS"},
{"is_leaf": "1", "path": "PDU.rack9b.B-AMPS", "name": "B-AMPS"}]}
注:此文件是否存在,我已经尝试过的各种在线版本
<script type="text/javascript" src="d3.v3.js"></script>
<script type="text/javascript" src="cubism.v1.js"></script>
<script type="text/javascript" src="highlight.min.js"></script
我想弄清楚为什么我不能得到我找到任何可以工作的例子。 一些我尝试我得到漂亮的时间统治者,但从来没有和数据。
对此的任何帮助或对有效范例的链接。会很好。运行命令行