欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts自定义X轴,x轴数据转换

程序员文章站 2022-05-27 09:36:05
...

echarts x轴自定义,数据转换,比如,x轴的原始数据转换成汉字或者一定格式的显示,如星期转换、24小时转换

以星期转换为例

option = {
	xAxis: {
		type: 'category',
		data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
		axisLabel: {
			show: true,
			textStyle: {
				color: 'red'
			},
			formatter: function(value, index) {
				if (value == 'Mon') {
					return "星期一";
				} else {
					return value;
				}
			}
		}

	},
	yAxis: {
		type: 'value'
	},
	series: [{
		data: [820, 932, 901, 934, 1290, 1330, 1320],
		type: 'line'
	}]
};