Javascript 酒窝长度

Javascript 酒窝长度,javascript,d3.js,dimple.js,Javascript,D3.js,Dimple.js,我试图在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

我试图在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();

如何使它看起来像直方图?我想看看酒吧的全长


谢谢

您应该更改y轴的类型(从“类别”更改为“测量”):

有关不同的直轴类型,请参见酒窝文档:


您应该更改y轴的类型(从“类别”更改为“测量”):

有关不同的直轴类型,请参见酒窝文档:

Object { Year: "2006", Origin: "AK", Destination: "OH", Count: 68 }
...
chart = new dimple.chart(svg, data);
chart.addCategoryAxis("x", ["Destination"]);
chart.addMeasureAxis("y", ["Count"]);
chart.addSeries(null, dimple.plot.bar);