当前位置: 首页 > 工具软件 > v-charts > 使用案例 >

v-charts 爬坑二 v-charts设置颜色渐变

慕容聪
2023-12-01

从网上查了一些资料,有的需要引入ehcarts应该是v-charts老版本,目前版本应该不需要了,类似渐变都可以这样做。 line 区域颜色渐变:

areaStyle : {
          color: {
            type: 'linear',
            x: 0,
            y: 0,
            x2: 0,
            y2: 1,
            colorStops: [
              {
                offset: 0,
                color: 'rgba(52,153,245,0.3)', // 0% 处的颜色
              },
              {
                offset: 1,
                color: 'rgba(52,153,245,0.1)' // 100% 处的颜色
              },
            ],
            global: false // 缺省为 false
          }
        };

 

 类似资料: