因为工作需要使用v-chartobjects也有一段时間了,期间针对配置图表也遇到了不少问题在这里总结一下。
echartobjects的配置项可谓是相当的海量能不看就不看。而v-chartobjects对其进行了不少的简化所以我们想要自定义一个图表时,最好按照以下步骤来检查:
v-chartobjects所有图表组件中共有的属性直接在图标组件上挂载:属性名称="属性值"
即可设置,下面是一些比较常用的
宽度默认根据高度自动适配 |
设置echartobjects的详细属性 |
公共属性上最重要的可以说就是extend属性了,在vchartobjects的公共属性里extend居然不茬基本属性了而是放在文档后面专门开了一段讲。当时为了找到这个属性可以说是废了老半天功夫如果你在前两者中都没有找到想要嘚设置项,那就可以通过这个属性来设置echartobjects的配置毕竟是基于echartobjects的嘛,所以echartobjects的所有配置在这里都可以适用下边是配置示例:
接下来就是重頭戏了,如果你在前两者里都没有找到那就只能从echartobjects的配置项里找了,下面是一些目前比较常用的配置项
用于控制图表的图例组件包括位置、样式、类型、图标等 |
每个图表的专属设置项,用于控制图表的详细样式位置等 |
其中series的属性就可以完成绝大多数配置了下边是一个配置示例 实现的效果为:
- 图例位于图表右方,且距右边缘20px
- 隐藏环图上的文本标签和引导线
- 环图内半径55px与外半径72px