美文网首页
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图表插件

    1.安装ECharts依赖 2.在需要的页面引入ECharts 3.绘制图表 首先创建一个DIV包裹图表 4.渲染图表

  • vue项目中引入星空特效

    vue项目中引入星空特效 展示 安装插件 在main.js中引入插件 在项目中使用 参数意义 遇到的问题 引入之后...

  • vue文件内引入图片, vetur提示报错

    背景 使用vue-cli3+typescript+vscode+vetur插件来写vue项目时, 在vue组件引入...

  • Vue项目引入组件库

    目录 Vue 2.0的项目扩展1.如何舒服地使用Atom安装插件配置皮肤颜色2.Vue项目引入组件库引入方式支持E...

  • 如何舒服地使用Atom

    目录 Vue 2.0的项目扩展1.如何舒服地使用Atom安装插件配置皮肤颜色2.Vue项目引入组件库引入方式支持E...

  • Vue项目官方依赖库

    目录 Vue 2.0的项目扩展1.如何舒服地使用Atom安装插件配置皮肤颜色2.Vue项目引入组件库引入方式支持E...

  • Vue项目第三方依赖库

    目录 Vue 2.0的项目扩展1.如何舒服地使用Atom安装插件配置皮肤颜色2.Vue项目引入组件库引入方式支持E...

  • Vue插件开发

    项目里的iview是以插件的形式引入的,于是便了解了一下Vue的插件。插件通常会为Vue添加全局功能。 插件的使用...

  • vue-cli3 + electron vue项目打包成桌面客户

    1.vue-cli3创建vue项目 2.安装依赖,运行 3.安装electron及打包插件 4.编译打包vue项目...

  • VUE----弹幕插件

    1.引入弹幕插件: 2.vue中引入: 3.组件中使用: 示例代码: 4.效果截图: 5.说明: github文档...

网友评论

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

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