为什么这个立体主义 JS 片段不会从 Graphite 生成图形？答案

【问题标题】：Why won't this snippet of cubism JS generate a graph from Graphite?为什么这个立体主义 JS 片段不会从 Graphite 生成图形？
【发布时间】：2012-10-30 22:44:41
【问题描述】：

我正在尝试使用这个 JS 的 sn-p 生成图表。我似乎对metrics2有问题。

如果我将metrics2设置为这个，那么我的浏览器中就会呈现一个图表。

[1]

 var metrics2 = [
     graphite.metric("servers.<HOSTNAME>-1_domain_local.load.load.shortterm"), 
     graphite.metric("servers.<HOSTNAME>-2_domain_local.load.load.shortterm"), 
     graphite.metric("servers.<HOSTNAME>-3_domain_local.load.load.shortterm"), 
     graphite.metric("servers.<HOSTNAME>-4_domain_local.load.load.shortterm")
 ]

但是，在以下 js 代码中，图表不会在我的浏览器中呈现。

[2]

var metrics = [];
graphite.find("servers.*.load.load.shortterm", function(error, results) {
    for (var i = 0; i < results.length; i++) {
        metrics[i] = results[i];
    }
});

var metrics2 = metrics.map(function(i) { 
    return graphite.metric(i);
});

这是调用metrics2并生成图形的立体主义sn-p。

d3.select(".span4").call(function(div) {
    a = metrics.length;
    div.select(".charts2").call(context.axis().orient("top"));
    div.select(".charts2").selectAll(".horizon")
        .data(metrics2)
        .enter().append("div")
        .attr("class", "horizon")
        .call(context.horizon().height(30));
});

为什么 [2] 不会实际生成图表？ metrics2 数组有什么问题吗？

【问题讨论】：

标签： graphite cubism.js

【解决方案1】：

我想通了。这段 JS 将使需要的事情发生。

graphite.find("servers.???-in-?-*.load.load.shortterm", function(error, results) {
    var metrics = results.map(function(i) {
        return graphite.metric(i);
    });

    d3.select(".span4").call(function(div) {
        div.select(".charts2").call(context.axis().orient("top"));
        div.select(".charts2").selectAll(".horizon")
            .data(metrics)
            .enter().append("div")
            .attr("class", "horizon")
            .call(context.horizon().height(30));
    });
});

【讨论】：