Echarts数据只展示固定条数,后面新增数据时前面的数据删除一个

const option = {} // 正常定义图表数据
this.chart = echarts.init(this.$refs.weight)
this.chart.setOption(option)
let erd = resizeDetector()
erd.listenTo(this.$refs.weight, () => {
	this.$nextTick(function () {
		this.chart.resize()
	})
})
// 往数组数组后面增加一条数据
this.weightData.xData.push('测试1')
this.weightData.yData.push(30)
// 我这里是页面只显示7条数据,所以超过7条后删除前面的一条数据
if (this.weightData.xData.length > 8) {
	this.weightData.xData.splice(0, 1)
	this.weightData.yData.splice(0, 1)
}
// 更新图表数据
this.chart.setOption({
	// 这里的内容看自己的option是怎么定义的
	// 反正有涉及到数据的地方把data和type写着这里就行
	series: [
		{
			data: this.weightData.yData,
			type: 'line'
		},
	],
	xAxis: {
		type: 'category',
		data: this.weightData.xData
	}
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值