该博客探讨了如何在ECharts3.0中设置柱状图的最大值和最小值的小数位数。通过示例代码展示了如何创建带有最大值和最小值标记的柱状图，但指出当前ECharts的markPoint功能不支持直接设置数值的小数位数。
var xAxisData = [];
var data1 = [];
var data2 = [];
for (var i = 0; i < 100; i++) {
xAxisData.push('类目' + i);
data1.push((Math.sin(i / 5) * (i / 5 -10) + i / 6) * 5);
data2.push((Math.cos(i / 5) * (i / 5 -10) + i / 6) * 5);
}
option = {
title: {
text: '柱状图动画延迟'
},
backgroundColor:'#ccc',
legend: {
data: ['bar', 'bar2'],
align: 'left'
},
toolbox: {
// y: 'bottom',
feature: {
magicType: {
type: ['stack', 'tiled']
},
dataView: {},
saveAsImage: {
pixelRatio: 2
}
}
},
tooltip: {},
xAxis: {
data: xAxisData,
silent: false,
splitLine: {
show: false
}
},
yAxis: {
},
series: [{
name: 'bar',
type: 'bar',
markPoint:{data: [
{
name: '最大值',
type: 'max'
},
{
name: '最小值',
type: 'min'
}
]},
data: data1,
animationDelay: function (idx) {
return idx * 10;
}
}, {
name: 'bar2',
type: 'bar',
data: data2,
animationDelay: function (idx) {
return idx * 10 + 100;
}
}],
animationEasing: 'elasticOut',
animationDelayUpdate: function (idx) {
return idx * 5;
}
};
注: markPoint中的max,min 最大值和最小值目前没有设置显示小数位数的地方
扫一扫
872
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
