Dimple.js堆积条形图

Question

我有一系列map reduce作业的不同阶段的数据，格式如下：

{"GC Time":"[0.0,0.0,0.0,0.0]",
 "Result Serialization Time":"[3.0,3.0,3.0,2.0]",
 "Getting Result Time":"[0.0,0.0,0.0,0.0]",
 "Task Deserialization Time":"[17.0,16.0,16.0,16.0]",
 "Scheduler Delay":"[55.0,46.0,47.0,46.0]"}

我想使用dimple.js/D3.js绘制如下所示的堆叠条形图：

http://ibin.co/1yH9raFgUtPs

我不知道怎么做(对于擅长dimple.js的人来说应该很简单)，所以任何帮助都是非常感谢的。

Answer 1

我认为，如果你能展示你到目前为止所做的事情，那么帮助你就会容易得多。

var xpoints=["a","b","c"];
var ypoints=[1,2,3];
var x2points=[5,6,7];
var dataset=[];
for(var i=0;i<xpoints.length;i++){
dataset.push({
                    x : xpoints[i],
                    y : parseFloat(ypoints[i]),                         
                    z : x2points[i]

                    });
        }

console.log(dataset);

/*Output:

[[object Object] {
  x: "a",
  y: 1,
  z: 5
}, [object Object] {
  x: "b",
  y: 2,
  z: 6
}, [object Object] {
  x: "c",
  y: 3,
  z: 7
}]

*/

希望它能帮上忙！