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