v-chart 渐变色


<ve-line
      :colors="colors"
      :data="chartData"
      :settings="chartSettings"
      :data-zoom="dataZoom"
    ></ve-line>
 
import echarts from 'echarts'
 
this.colors = [
      new echarts.graphic.LinearGradient(
          0,0,0,1,[{
          offset: 0, color: 'rgba(65,95,255,1)'
        },{
          offset: 1, color: 'rgba(65,95,255,0)'
        }]),
        new echarts.graphic.LinearGradient(
          0,0,0,1,[{
          offset: 0, color: 'rgba(234,79,63,1)'
        },{
          offset: 1, color: 'rgba(234,79,63, 0)'
        }]),
        new echarts.graphic.LinearGradient(
          0,0,0,1,[{
          offset: 0, color: 'rgba(49,209,136,1)'
        },{
          offset: 1, color: 'rgba(49,209,136,0)'
        }]),
        new echarts.graphic.LinearGradient(
          0,0,0,1,[{
          offset: 0, color: 'rgba(255,149,54,1)'
        },{
          offset: 1, color: 'rgba(255,149,54,0)'
        }]),
        new echarts.graphic.LinearGradient(
          0,0,0,1,[{
          offset: 0, color: 'rgba(176,214,221,1)'
        },{
          offset: 1, color: 'rgba(176,214,221,0)'
        }]),
        new echarts.graphic.LinearGradient(
          0,0,0,1,[{
          offset: 0, color: 'rgba(248,231,28,1)'
        },{
          offset: 1, color: 'rgba(248,231,28,0)'
        }]
      )
    ]


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM