[echarts] 更新数据

javascript 复制代码
option = {
  title: { text: '销售数据' },
  tooltip: { trigger: 'axis' },
  legend: { data: ['销量', '库存'] },
  xAxis: {
    type: 'category',
      data: ['衬衫', '羊毛衫', '雪纺衫']
  },
  yAxis: { type: 'value' },
  series: [
    { name: '销量', type: 'bar', data: [5, 20, 36] },
    { name: '库存', type: 'line', data: [10, 25, 30] }
  ]
}
javascript 复制代码
// 在组件中
const updateData = () => {
	const newData = [Math.random() * 100, ...chartOption.series[0].data.slice(0,6)]
	chartOption.series[0].data = newData
}

参考:

Vue 引入 ECharts

相关推荐
小喷友4 分钟前
第 6 章:API 路由(后端能力)
前端·react.js·next.js
zwjapple4 分钟前
Next.js 中使用 MongoDB 完整指南
开发语言·javascript·mongodb
像素之间7 分钟前
elementui中rules的validator 用法
前端·javascript·elementui
小高00710 分钟前
🚀把 async/await 拆成 4 块乐高!面试官当场鼓掌👏
前端·javascript·面试
CF14年老兵11 分钟前
SQL 是什么?初学者完全指南
前端·后端·sql
2401_8370885015 分钟前
AJAX快速入门 - 四个核心步骤
前端·javascript·ajax
一月是个猫22 分钟前
前端工程化之Lint工具链
前端
小潘同学22 分钟前
less 和 sass的区别
前端
无羡仙23 分钟前
当点击链接不再刷新页面
前端·javascript·html
王小发10123 分钟前
快速知道 canvas 来进行微信网页视频无限循环播放的思路
前端