是否有可能在dimple.js中获得y轴间隔?

时间:2015-10-08 06:38:11

标签: javascript d3.js dimple.js

我使用dimple.js绘制了一个条形图。我已经将y轴刻度的数量设为5,现在我需要在每个刻度之间设置间隔。是否有可能获得每个y轴刻度之间的y轴间隔?

例如:http://jsfiddle.net/keshav_1007/utfnLaz6/ - 小提琴

var yMax = 1.2;
var svg1 = dimple.newSvg("body", 360, 360);
var dataChart = [{
    "Brand": "Aaaaaaaaaaaaaaaaaaaaaa",
        "Day": "Mon",
        "SalesVolume": 10
}, {
    "Brand": "Bbbbbbbbbbbbbbbbbbbb",
        "Day": "Mon",
        "SalesVolume": 20
},
                {
    "Brand": "Ccccccccccccccccc",
        "Day": "Mon",
        "SalesVolume": 20
}];
var myChart = new dimple.chart(svg1, dataChart);
myChart.setBounds(120, 10, 200, 200)
var x = myChart.addCategoryAxis("x", "Day");
var y = myChart.addMeasureAxis("y", "SalesVolume");
y.ticks = 5;
var s = myChart.addSeries("Brand", dimple.plot.bar);
s.barGap = 0.7;

myChart.draw();

我需要获得y轴刻度之间的间隔。请让我知道如何获得这个。

1 个答案:

答案 0 :(得分:0)

是的,你可以这样得到它: 首先,你在小提琴上使用的凹坑版本很旧,使用新版本。

var y = myChart.addMeasureAxis("y", "SalesVolume");
y.ticks = 5;//setting the ticks
var s = myChart.addSeries("Brand", dimple.plot.bar);
s.barGap = 0.7;
myChart.draw();
console.log(y._tick_step);//get the tickstep

工作代码here

希望这有帮助!