recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Lors de l'utilisation de vue-echarts-v3, la zone du graphique linéaire a une couleur dégradée.


Voici mes données cartographiques

Je veux que la partie rouge soit une couleur dégradée.
J'ai utilisé la méthode visualMap, mais elle ne parvient pas à obtenir l'effet souhaité.
Quand j'utilise new echarts.graphic.LinearGradient(0, 0, 0, 1, [{

                    offset: 0,
                    color: 'rgb(255, 158, 68)'
                }, {
                    offset: 1,
                    color: 'rgb(255, 70, 131)'
                }])。。。我找到的其中一种方法,。。但是不知道怎么获取echarts对象,

Comme nous ne souhaitons pas introduire trop de ressources dans le projet, l'introduction de zRender n'est pas envisagée pour le moment. . .
Aide
J'espère résoudre le problème d'utilisation du plug-in vue-echarts-v3 et obtenir la nouvelle méthode echarts.graphic.LinearGradient()

<IEcharts :option="bar" class="step_echarts"></IEcharts

importer IEcharts depuis 'vue-echarts-v3'
importer 'echarts/lib/chart/line'

export par défaut{
data(){

return{
    bar: {
            tooltip: {},
            xAxis: {
                data: ['1泡', '2泡', '3泡', '4泡', '5泡'],
                axisTick:{
                    alignWithLabel:true
                }
            },
            yAxis: {
                show:false
            },
            series: [{
                name: 'Clouds',
                type: 'line',
                data: [5, 7, 13, 20, 30],
                areaStyle: {normal:{}}
            }]
        }
    }
}

}
}

我想大声告诉你我想大声告诉你2807 Il y a quelques jours1621

répondre à tous(2)je répondrai

  • 世界只因有你

    世界只因有你2017-05-16 13:38:11

    J’ai écrit trois couleurs au hasard.

    
    series: [{
            name: 'Clouds',
            type: 'line',
            data: [5, 7, 13, 20, 30],
            areaStyle: {normal:{}},
            itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(
                    0, 0, 0, 1,
                    [
                        {offset: 0, color: 'red'},
                        {offset: 0.5, color: 'pink'},
                        {offset: 1, color: '#ddd'}
                    ]
                )
            }
        }
    }]
    
    

    répondre
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-16 13:38:11

    Ce que la personne ci-dessus a dit est vrai, si vous voulez un dégradé, vous devez lui définir une légende et lui indiquer d'où partir le dégradé, sinon la couleur par défaut sera utilisée

    répondre
    0
  • Annulerrépondre