echart环形图渐变色

原创已于 2023-11-02 16:42:14 修改 · 623 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts

于 2023-11-02 15:51:10 首次发布

vue-echarts的千奇百变专栏收录该内容

17 篇文章

订阅专栏

series: [
  {
    type: 'pie',
    radius: ['50%', '70%'],
    center: ['20%', '50%'], // 环形图中心点
    label: {
      show: false, // 隐藏环形中间的文字
    },
    silent: 'ture', //图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。
    data: [ 
      {
        value: 1048,
        name: '在线',
        itemStyle: {
          borderRadius: 60, // 圆角
          color: { // 渐变色
            "x": 1,
            "y": 0,
            "x2": 1,
            "y2": 1,
            "type": "linear",
            "global": false,
            "colorStops": [{
              "offset": 0,
              "color": "rgba(21, 118, 210, 0)"
            }, {
              "offset": 1,
              "color": "rgba(21, 118, 210, 1)"
            }]
          }
        }

      },
      { value: 735, name: '离线' },
    ],

  },


]