[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 分钟前
我用 Trae 实现了AI辩论赛
前端
对空六课9 分钟前
指标口径生效时间的版本查询实现
大数据·服务器·前端·算法·数据分析
对空六课14 分钟前
RFM分层边界变化的回溯计算
大数据·服务器·前端·数据库·人工智能·算法·数据分析
IT_陈寒18 分钟前
Vite打包的诡异行为,让我差点提交了个错误版本
前端·人工智能·后端
鹏多多19 分钟前
前端是如何死去的?| 完整时间线
前端·javascript·程序员
coding漫漫长路25 分钟前
海报挪进Worker画,canvas字体又变回默认了
前端
看浪的路人28 分钟前
第2讲:ReAct 模式从零实现——不用框架,手写一个 Agent 内核
前端·react.js·前端框架
独孤九剑打醒他34 分钟前
【原创开源·航空终极篇】氢能航空动力升级:双燃料掺氢、富氧补气与露天储氢安全模型
前端·架构·开源·硬件工程·能源
律宏阔37 分钟前
阿里云 ESA + Pages 域名部分电脑无法访问
前端
Lank_M42 分钟前
canvas 第一次画字没用上字体,字体却是它要来的
前端