2014-03-29 11 views
0

我有一个石墨服务器运行和收集数据。这已经运行了好几个月。 我发现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 

我想弄清楚为什么我不能得到我找到任何可以工作的例子。 一些我尝试我得到漂亮的时间统治者,但从来没有和数据。

对此的任何帮助或对有效范例的链接。会很好。运行命令行

回答

0

的Apache2 .. a2enmod头 您的虚拟主机标签内安装此 头设置访问控制允许来源“*” 头设置访问控制允许的方法“GET,OPTIONS” 头设置Access-Control-Allow-Headers“来源,授权,接受”

你应该开始看数据,我做过。

0

发现它apache2添加这个在你的标签。

页眉设置访问控制允许来源“*” 头设置访问控制允许的方法“GET,OPTIONS” 头设置访问控制允许报头“的由来,授权,接受”