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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Vue 3.0引入axios
下一篇:Vue引入ECharts图表

发表评论

最新留言

很好
[***.229.124.182]2024年04月22日 06时58分21秒