uniapp + ucharts X轴数据过多，折线数据过多，Y轴出现小数过多

weixin_51609995

已于 2022-11-30 17:16:35 修改

阅读量3.9k

点赞数 1

文章标签： python 开发语言

于 2022-11-16 14:43:03 首次发布

本文链接：https://blog.csdn.net/weixin_51609995/article/details/127884251

版权

1、通过xAxis.labelCount 来设置显示个数

xAxis: {
	disableGrid: true,
	labelCount: 5, //设置显示个数
	formatter: (val) => {
        return val.slice(5) // x轴过长，可以截取一下
	}
},

2、通过 opts.dataLabel 来设置折线图上面的数据是否显示，opts.dataPointShape 来设置折线图上圆点显示

dataLabel: false, // 数据显示
dataPointShape: false, // 圆点显示
padding: [20, 15, 5, 10], // 图位置
legend: {
	show: true,
	position: "top",
	margin: 10, // 图例外侧填充边距，默认为5
}

3、Y轴坐标会分成五份，出现小数过多时，使用yAxis.tofix设置保留的位数，也可以yAxis.formatter讲Y轴处理成自己想要的样子

formatter: (val) => {
		return val + '元'
},

new uCharts({
	type: "line",
	context: ctx,
	width: this.cWidth,
	height: this.cHeight,
	categories: data.categories,
	series: data.series,
	animation: true,
	dataLabel: false, // 数据显示
	dataPointShape: false, // 圆点显示
	background: "#FFFFFF",
	color: ["#5470c6", "#91cc75", "#f