0
点赞
收藏
分享

微信扫一扫

echarts图标绘制

流计算Alink 2022-05-04 阅读 74
echarts

1. 下载echarts 

         npm install echarts --save

2. 导入echarts

        import * as echarts from 'echarts';

3. 为echarts准备一个具备大小(宽高的dom) 
        <div id="main" style="width: 600px; height: 360px;"></div>
4. 基于准备好的dom,初始化echarts实例(mounted)
            var myChart = echarts.init(document.getElementById('main'));       

5. 配置数据,绘制图表(mounted)
            myChart.setOption({
              title: {
                text: 'ECharts 入门示例'
              },
              tooltip: {},
              xAxis: {
                data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
              },
              yAxis: {},
              series: [
                {
                  name: '销量',
                  type: 'bar',
                  data: [5, 20, 36, 10, 10, 20]
                }
              ]
            });

举报

相关推荐

0 条评论