美文网首页
4.记录Vue项目引入Echart.js图表插件

4.记录Vue项目引入Echart.js图表插件

作者: 饿了么配送员 | 来源:发表于2020-08-16 08:58 被阅读0次

    1.安装ECharts依赖

    npm install echarts -S
    

    2.在需要的页面引入ECharts



    3.绘制图表

    首先创建一个DIV包裹图表

    <template>
      <div>
        <div ref="chart" :style="{width: '1500px', height: '800px'}"></div>
      </div>
    </template>
    

    4.渲染图表



    相关文章

      网友评论

          本文标题:4.记录Vue项目引入Echart.js图表插件

          本文链接:https://www.haomeiwen.com/subject/pxgprktx.html