能不能得到dimple.js的y轴区间?
Is it possible to get the y-axis interval in dimple.js?
我使用 dimple.js 绘制了条形图。我已经将 y 轴刻度数设为 5,现在我需要设置每个刻度之间的间隔。是否可以获取每个y轴刻度之间的y轴间隔?
例如:http://jsfiddle.net/keshav_1007/utfnLaz6/ - fiddle
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 轴刻度之间的间隔。请让我知道如何获得它。
是的,你可以这样得到它:
首先,您在 fiddle 上使用的酒窝版本已经很旧了,请使用新版本。
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
希望对您有所帮助!
我使用 dimple.js 绘制了条形图。我已经将 y 轴刻度数设为 5,现在我需要设置每个刻度之间的间隔。是否可以获取每个y轴刻度之间的y轴间隔?
例如:http://jsfiddle.net/keshav_1007/utfnLaz6/ - fiddle
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 轴刻度之间的间隔。请让我知道如何获得它。
是的,你可以这样得到它: 首先,您在 fiddle 上使用的酒窝版本已经很旧了,请使用新版本。
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
希望对您有所帮助!