Dimple.js条长度

Question

我试图借鉴dimple.js

的东西是条没有达到x轴的简单的柱状图，他们只是看起来像小盒子漂浮。

var svg = dimple.newSvg("body", 2024, 760); 
d3.csv("data/data.csv", function(d){ 
    data = d.filter(function(x){return x['Origin'] == 'AK' && x['Year'] == '2006'}); 
    for(i=0;i<data.length;i++){ 
     data[i]['Count'] = +data[i]['Count'] 
    } 
    console.log(data[10]) 

    chart = new dimple.chart(svg, data); 
    chart.addCategoryAxis("x", ["Destination"]); 
    chart.addCategoryAxis("y", ["Count"]); 
    chart.addSeries(null, dimple.plot.bar); 
    chart.draw(); 

我的数据行的一个这样的数组：

Object { Year: "2006", Origin: "AK", Destination: "OH", Count: 68 } 

我怎样才能使它看起来像一个柱状图？我想看看酒吧的完整长度。

感谢

Answer 1

你应该为y轴的改变类型（从 “类” 到 “措施”）：

... 
chart = new dimple.chart(svg, data); 
chart.addCategoryAxis("x", ["Destination"]); 
chart.addMeasureAxis("y", ["Count"]); 
chart.addSeries(null, dimple.plot.bar); 

查看酒窝文档differect轴类型：

• dimple.chart.addMeasureAxis
• dimple.chart.addCategoryAxis