Rumah  >  Soal Jawab  >  teks badan

javascript - Apabila menggunakan vue-echarts-v3, kawasan carta garis mempunyai warna kecerunan.


Ini adalah data carta saya

Saya mahu bahagian merah menjadi warna kecerunan.
Saya telah menggunakan kaedah visualMap, tetapi ia tidak dapat mencapai kesan yang saya inginkan.
Apabila saya menggunakan echarts.graphic.LinearGradient(0, 0, 0, 1, [{

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

Memandangkan kami tidak mahu memperkenalkan terlalu banyak sumber ke dalam projek, memperkenalkan zRender tidak dipertimbangkan buat masa ini. . .
Bantuan
Saya berharap dapat menyelesaikan masalah menggunakan pemalam vue-echarts-v3 dan mendapatkan kaedah echarts.graphic.LinearGradient() baharu

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

import IEcharts daripada 'vue-echarts-v3'
import 'echarts/lib/cart/line'

eksport defalut{
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:{}}
            }]
        }
    }
}

}
}

我想大声告诉你我想大声告诉你2712 hari yang lalu1560

membalas semua(2)saya akan balas

  • 世界只因有你

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

    Saya tulis tiga warna secara rawak.

    
    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'}
                    ]
                )
            }
        }
    }]
    
    

    balas
    0
  • 过去多啦不再A梦

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

    Apa yang orang di atas cakap betul, kalau nak gradient, kena set legend untuknya dan bagitahu dari mana nak gradient, kalau tidak warna default akan digunakan

    balas
    0
  • Batalbalas