Vue watch监听数据 ECharts异步加载数据
发布日期:2021-06-29 11:14:34
浏览次数:4
分类:技术文章
本文共 920 字,大约阅读时间需要 3 分钟。
axios.get('/xxxxxr', { params: { xxxxx: xxxxxxx, } }) .then( ({ data}) => { this.setOptionaData = data })
export default { data() { return { setOptionaData:' ' } }},watch:{ setOptionaData( { data } ) { let a = data.map((x) => x.batchNumber) let b = data.map((x) => x.realMoney) this.setOptiona(a, b) },},mounted() { this.initCharts();},methods: { initCharts() { this.initCharts = echarts.init(document.getElementById('main')); this.setOptiona() }, setOptiona(a,b) { this.initCharts.setOption({ title: { text: 'ECharts 入门示例' }, tooltip: { }, xAxis: { type: 'category', data: a }, yAxis: { }, series: [{ type: 'bar', data: b }] }) }}
如果Echart 数据更新了,X轴(xAxis)数据不更新就为xAxis加 type: 'category'
转载地址:https://blog.csdn.net/zwhy123/article/details/117791596 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
很好
[***.229.124.182]2024年04月22日 06时58分21秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
gstreamer GST_BOILERPLATE_FULL 分析
2019-04-29
力扣的两数之和解法(python3)
2019-04-29
力扣的删除排序数组中的重复项解法(python)
2019-04-29
力扣的移除元素 解法 Python3
2019-04-29
力扣的三数之和解法(Python3)
2019-04-29
力扣的最接近的三数之和解法(Python3)
2019-04-29
力扣的买卖股票的最佳时机 III之解法(Python3)
2019-04-29
LeetCode 合并两个有序链表 解法 (Python)
2019-04-29
力扣的删除排序链表中的重复元素解法 (Python3)
2019-04-29
力扣的环形链表解法 (Python)
2019-04-29
力扣的盛最多水的容器解法 (Python)
2019-04-29
力扣的电话号码的字母组合解法(Python)
2019-04-29
力扣的组合总和解法 (Python)
2019-04-29
力扣的两数相加解法 (Python)
2019-04-29
力扣的删除链表的倒数第N个节点解法(Python)
2019-04-29
力扣的串联所有单词的子串解法(Python)
2019-04-29
力扣的接雨水解法(Python3)
2019-04-29
HTML5 五种密码框
2019-04-29
Node.js npm uuid
2019-04-29
JavaScript 滑动验证
2019-04-29