echarts设置渐变

记录下下，这个是那一个环形图做饼图的变框发现的

{
          type: 'pie',
          clockWise: true,
          hoverAnimation: false,
          radius: ['53%', '57%'],
          center: ['50%', '50%'],
          itemStyle: {
            normal: {
              label: {
                show: false,
              },
            },
          },
          data: [
            {
              value: 100,
            //   在这里改你边宽的颜色
              itemStyle:{
                  color: 'red',
              }
            //   发现一个好玩的东西，原来图表可以通过这个玩意设置渐变色的，居然还可以改变渐变的角度，赶紧拿小本本记下来
            //   itemStyle: {
            //     normal: {
            //       color: new echarts.graphic.LinearGradient(0.2, 1, 0.3, 0, [
            //         {
            //           offset: 0,
            //           color: 'rgba(54, 72, 71, 1)',
            //         },
            //         {
            //           offset: 1,
            //           color: 'rgba(170, 192, 178, 1)',
            //         },
            //       ]),
            //     },
            //   },
            },
          ],
        },

最后

以上就是热心翅膀为你收集整理的echarts设置渐变的全部内容，希望文章能够帮你解决echarts设置渐变所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。