Vue项目中如何使用vue-echarts实现常用图表？

本文共计1797个文字，预计阅读时间需要8分钟。

目录

1.图表主题颜色修改

2.XY轴体颜色和文本颜色修改

3.横向柱状图状态的显示

4.过滤XY轴文本内容

5.Y轴文本显示在柱线内

6.在柱状图条头部添加标签内容

7.自定义图例修改

8.环比图中间显示内容

目录

• 1.图表主题颜色的修改
• 2.XY轴体颜色和文本颜色修改
• 3.横向柱状图的显示
• 4.过滤xy轴文本内容
• 5.Y轴文本显示在轴线内
• 6.在柱状条头部添加标签内容
• 7.自定义图例修改
• 8.环比图中间显示内容

图表类的项目操作一般常见于管理平台系统，移动端项目中并不是特别常见，不常见不代表没有，在一些商城类应用中，商家需要看到商品的销量分析，盈利分析等，就需要用到图标，比较常用的图标库，像百度的ECHARTS，蚂蚁金服的AntV都是不错的图标库，感兴趣的读者可以直接到他们的官网阅读相关的资料，笔者这里不做优劣说明，主要针对vue-echarts的一些图表方案进行讲解。
vue-echarts是基于echarts封装实现的一个组件库，直接按照正常的组件引用方式，安装引用即可，具体的安装和引用读者可以直接阅读vue-echarts技术文档。