ECHART柱状图Y轴最小间隔问题,Y轴不显示小数
项目中用到柱状图,数据量少的时候,Y轴会出现小数
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', }, series: [{ data: [0, 1, 0, 2, 0, 0, 0], type: 'bar' }] };
查阅官方文档,找到Y轴以下两个配置
1、yAxis.min :坐标轴刻度最小值。
2、yAxis.minInterval: 自动计算的坐标轴最小间隔大小。
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', min:1, minInterval:1, }, series: [{ data: [0, 1, 0, 2, 0, 0, 0], type: 'bar' }] };
yAxis. min是指Y轴最小刻度。不设置的时候会自动计算最小值,一般都是0。yAxis.minInterval是Y轴最小间隔,如我的需求中,设置为1就确保都是整数了。