echart 饼状图设置渐变色

const getLinearColor = function(color1, color2, pos) {
  const p = Object.assign({ x: 0.5, y: 0, x2: 0.5, y2: 1 }, pos)
  return {
    type: 'linear',
    ...p,
    colorStops: [
      {
        offset: 0,
        color: color1
      },
      {
        offset: 1,
        color: color2
      }
    ],
    global: false
  }
}



export default{
data(){
return{
xxxxx:饼状图值
data里的写法：[
               {
                 value: 250,
                 name: 'xxxxx',
                 itemStyle: {
                   color: getLinearColor(
                     'rgba(202, 181, 35, 1)',
                     'rgba(253, 245, 191, 1)'
                   )
                 }
]
}
}

最后

以上就是幸福方盒为你收集整理的echart 饼状图设置渐变色的全部内容，希望文章能够帮你解决echart 饼状图设置渐变色所遇到的程序开发问题。

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