Vue引入ECharts图表
发布日期:2021-06-29 11:14:33 浏览次数:3 分类:技术文章

本文共 508 字,大约阅读时间需要 1 分钟。

mounted() {
this.initCharts();},methods: {
initCharts() {
this.initCharts = echarts.init(document.getElementById('main')); this.setOptiona() }, setOptiona() {
this.initCharts.setOption({
title: {
text: 'ECharts 入门示例' }, tooltip: {
}, xAxis: {
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"] }, yAxis: {
}, series: [{
name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }) }}

转载地址:https://blog.csdn.net/zwhy123/article/details/117791536 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Vue watch监听数据 ECharts异步加载数据
下一篇:Element UI table宽度自适应

发表评论

最新留言

关注你微信了!
[***.104.42.241]2024年04月04日 09时33分59秒