echarts 仪表盘文本下移_echarts仪表盘设置图文实例

echarts 图表中经常需要对不同的颜色设置图例标识不同的意义，而仪表盘的指针只存在一个值，如何表示不同颜色的意义，官网配置项并未给出该功能；

不同段的颜色是通过axisLine->lineStyle->color来设置的；

搜索了很多的资料都没有找到用来标识各颜色段的图例；

反复琢磨，可不可以使用有图例的图来强制加上这个图例呢？

这里熟悉echarts的童鞋可能想到解决方法了；

那我们就来使用一招“移花接木”大法；

主要思想：使用柱状图的legend图例，然后设置柱状图和仪表图的层级，然后再隐藏柱状图，禁用legend的点击事件；

注意点：

1.series中既有type为‘gauge’的配置项，也有type为‘bar’的配置项，而'bar'类型的配置项只要关注其legend的颜色即可；

2.对于柱状图要隐藏的项较多，必须全部设置成不显示，其中包括轴线和分割线等；

3.防止奇怪的体验最好将legend的点击事件禁用掉；

var option = {

legend: { //配置legend，这里的data，要对应type为‘bar’的series数据项的‘name’名称，作为图例的说明 data:['预热期','导入期','成长期','成熟期','衰退期'],

selectedMode: