美文网首页
echarts柱状图样式修改

echarts柱状图样式修改

作者: xsmile21 | 来源:发表于2022-03-18 10:30 被阅读0次

    从echarts官网引入的柱状图长酱样什儿



    我们现在需要将小柱紫们改成渐变色,稍稍美化一下下~
    上代码:

    series: [
       {
          type: 'bar',
          data: [120, 200, 150, 80, 70, 110, 130],
          barWidth: 12,
          itemStyle: {
             borderRadius:[10, 10, 10, 10],
             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                  { offset: 0, color: '#4AC0FF' },   
                  { offset: 1, color: '#2987DC' }
              ]),
           }
        }
    ]
    

    将将将将,wow!



    是不是变得好看些,yeah!!!

    相关文章

      网友评论

          本文标题:echarts柱状图样式修改

          本文链接:https://www.haomeiwen.com/subject/hjsidrtx.html