echarts 柱状图颜色渐变代码

心已赠人 2022-02-04 11:55 858阅读 1赞

设置echarts 颜色渐变方法。
实例样式：

在这里插入图片描述

设置 series.itemStyle.normal

  1. option = { 
  2.     xAxis: { 
  3.         type: 'category',
  4.         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  5.     },
  6.     yAxis: { 
  7.         type: 'value'
  8.     },
  9.     series: [{ 
  10.         data: [120, 200, 150, 80, 70, 110, 130],
  11.         type: 'bar',
  13.         itemStyle: { 
  14.                     normal: { 
  15.                         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ 
  16.                             offset: 0,
  17.                             color: 'red'
  18.                         }, { 
  19.                             offset: 1,
  20.                             color: 'yellow'
  21.                         }]),
  22.                     }
  23.                 }
  24.     }]
  25. };

发表评论

表情：
评论列表 （有 0 条评论，858人围观）

还没有评论，来说两句吧...

相关阅读