快速上手使用echarts

 

 

下载和引入 

import echarts from "echarts";

 

 

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<div id="main" style="width: 600px;height:400px;"></div> methods: {          1. // 基于准备好的dom，初始化echarts实例             var myChart = echarts.init(document.getElementById('main'));          2.// 指定图表的配置项和数据         var option = {             title: {                 text: 'ECharts 入门示例'             },             tooltip: {},             legend: {                 data:['销量']             },             xAxis: {                 data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]             },             yAxis: {},             series: [{                 name: '销量',                 type: 'bar',                 data: [5, 20, 36, 10, 10, 20]             }]         };           // 使用刚指定的配置项和数据显示图表。         myChart.setOption(option, true); }