资讯专栏INFORMATION COLUMN

vue.js使用echarts一分钟简单入门

SnaiLiu / 352人阅读

摘要:图表的使用在企业级软件中使用越来越普遍,前端开发人员可以使用常用的开源库来进行图表展示的开发,公司最近提出需要丰富系统首页的内容,趁此机会分享一下如何在使用框架下使用确定你需要引入的版本官网地址或者安装按需引入。

图表的使用在企业级软件中使用越来越普遍,前端开发人员可以使用常用的echarts开源库来进行图表展示的开发,公司最近提出需要丰富系统首页的内容,趁此机会分享一下如何在使用vue.js框架下使用echarts.

1,确定你需要引入的echarts版本,官网地址:http://echarts.baidu.com/inde...
2,npm或者cnpm安装

 cnpm install echarts --save

3,按需引入。这里我强烈推荐按需引入,echarts图类型众多,我们一般不需要将每个图表都引入,这样也有利于减少打包体积,这里我建议将每一个echarts图封装成一个组件。
主要代码如下


    
 

4组件部分源码



4实现效果如下

5,按需引入其他图表,可以参考可以按需引入的模块列表见 https://github.com/ecomfe/ech...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52808.html

相关文章

  • vue.js使用echarts分钟简单入门

    摘要:图表的使用在企业级软件中使用越来越普遍,前端开发人员可以使用常用的开源库来进行图表展示的开发,公司最近提出需要丰富系统首页的内容,趁此机会分享一下如何在使用框架下使用确定你需要引入的版本官网地址或者安装按需引入。 图表的使用在企业级软件中使用越来越普遍,前端开发人员可以使用常用的echarts开源库来进行图表展示的开发,公司最近提出需要丰富系统首页的内容,趁此机会分享一下如何在使用vu...

    venmos 评论0 收藏0
  • vue.js使用echarts分钟简单入门

    摘要:图表的使用在企业级软件中使用越来越普遍,前端开发人员可以使用常用的开源库来进行图表展示的开发,公司最近提出需要丰富系统首页的内容,趁此机会分享一下如何在使用框架下使用确定你需要引入的版本官网地址或者安装按需引入。 图表的使用在企业级软件中使用越来越普遍,前端开发人员可以使用常用的echarts开源库来进行图表展示的开发,公司最近提出需要丰富系统首页的内容,趁此机会分享一下如何在使用vu...

    chengtao1633 评论0 收藏0
  • 关于Vue2些值得推荐的文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    sutaking 评论0 收藏0
  • 关于Vue2些值得推荐的文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    khs1994 评论0 收藏0

发表评论

0条评论

SnaiLiu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<