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