[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

相关推荐
sinat_384241091 小时前
OpenSpeedy 是一款开源免费的游戏变速工具
javascript
weixin_307779131 小时前
赋能插件,驱动图表:Jenkins ECharts API插件详解
运维·开发语言·自动化·jenkins·echarts
我血条子呢1 小时前
【CSS】类似渐变色弯曲border
前端·css
DanyHope1 小时前
LeetCode 两数之和:从 O (n²) 到 O (n),空间换时间的经典实践
前端·javascript·算法·leetcode·职场和发展
hgz07101 小时前
企业级多项目部署与Tomcat运维实战
前端·firefox
用户1887871069841 小时前
基于vant3的搜索选择组件
前端
zhoumeina991 小时前
懒加载图片
前端·javascript·vue.js
用户1887871069841 小时前
SVG描边 - CSS3实现动画绘制矢量图
前端
码上行走1 小时前
【实战】Flex布局-上下自适应
前端
DarkLONGLOVE1 小时前
Vue的“小外挂”:玩转自定义指令
前端·javascript·vue.js