Dimple.js длина стержня

Question

Я пытаюсь нарисовать простую гистограмму на dimple.js

Дело в том, бруски не достигает оси х, они просто похожи на маленькие коробки, плавающих вокруг.

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

Вы должны изменить тип для оси у (из "категории" в "меры"):

... 
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