echarts中y轴设置刻度_echarts Y轴刻度保留小数设置，以及设置刻度间隔

image.png

刻度保留小数位数

这里要看一下官方文档配置项中axisLabel的formatter属性

image.png

其实就是格式化值，我们保留两位小数，使用value.toFixed(2);就可以

设置刻度间隔

默认echarts会给你把最大值，最小值之间的这段距离分为5段，所以如果你的值都在6到6.5之间的话，你就设置min为6，max为6.5就可以

ECharts

// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据

var option = {

title: {

text: 'ECharts 入门示例'

},

tooltip: {},

legend: {

data:['销量']

},

xAxis: {

data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"],

},

yAxis: {

min:6,

max:6.5,

axisLabel: {

formatter: function (value, index) {

return value.toFixed(2);

}

}

},

series: [{

name: '销量',

type: 'bar',

data: [6, 6.12, 6.24, 6.25, 6.1, 6.3]

}]

};

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);