javascript - Apabila menggunakan vue-echarts-v3, kawasan carta garis mempunyai warna kecerunan.
我想大声告诉你
我想大声告诉你 2017-05-16 13:36:11
0
2
1564


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

}
}

我想大声告诉你
我想大声告诉你

membalas semua(2)
世界只因有你

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

过去多啦不再A梦

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!