[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

相关推荐
IT_陈寒9 分钟前
Redis的KEYS命令差点把我的生产环境拖垮,改用SCAN吧
前端·人工智能·后端
deli00700713 分钟前
打飞碟射击场:霓虹星空下飞碟满天飞,鼠标点射一枪一个
前端·ai编程
zoe驿鹿32 分钟前
【CI/CD】前端工程化与自动化:从“手工作坊”到“现代化工厂”的演进之路
前端·ci/cd·自动化
lupai35 分钟前
增值税发票 OCR 识别 API 新手接入指南
java·前端·ocr
IMPYLH40 分钟前
HTML 的 <figure> 元素
前端·javascript·html
reasonsummer42 分钟前
【办公类-120-01】20260812闵行区幼儿园概况表的数据统计(户籍、五类性质、优抚子女)
前端·python
宿67444 分钟前
vue3-指令和事件处理
开发语言·前端·javascript
风骏时光牛马1 小时前
AI助手异常问题Debug排查
前端
梦想的旅途21 小时前
企业微信API实战:Python自动化消息推送
java·前端·python·自动化·企业微信
恋猫de小郭1 小时前
Flutter 3.47 发布,快来看看有什么更新吧
android·前端·flutter