Pertanyaan Highcharts area fillOpacity tidak berfungsi saat mengganti warna


Saya ingin grafik area dengan opacity 0,1. Jika saya tidak menentukan warna, semuanya berfungsi dengan baik:

plotOptions: {
    series: {
        fillOpacity: 0.1
    }
}
series: [{
   name: '1',
   data: [1,2,3],
   type: 'area'
}

Tetapi ketika saya mengubah warnanya, opacity diabaikan:

plotOptions: {
    series: {
        fillOpacity: 0.1
    }
}
series: [{
   name: '2',
   data: [0,1,2],
   type: 'area'
   color: 'red'
}

Lihat http://jsfiddle.net/4HkXf/


12
2018-06-10 10:13


asal


Jawaban:


Silakan gunakan warna sebagai hex i.e "#ff0000" bukannya 'merah'.

http://jsfiddle.net/4HkXf/3/


18
2018-06-10 12:04



Saya menyelesaikannya dengan menghapus fillOpacity, dan sebagai gantinya menetapkan opacity sebagai bagian dari warna yang digunakan rbga:

series: [{
    name: 'Buy / Sell ',
    data: data.shares_change,
    type: 'column',
    color: 'rgba(0,128,0,0.4)', // #080
    negativeColor: 'rgba(128,0,0,0.4)', // #800
    pointWidth: 8
}]

4
2017-10-14 16:44



fillOpacity: 0.1,
color: "rgb(0,0,0)"

tampaknya berfungsi di semua browser

fillOpacity: 0.1,
color: "#000"

tidak berfungsi di semua browser

color: "rgba(0,0,0,0.1)"

tidak berfungsi di semua browser


1
2017-09-29 10:29



Saya tidak bisa mengatakan apa alasannya.

tetapi, inilah solusi untuk itu

gunakan jenis dalam level bagan

chart:{
type: 'area'
}

ini akan diterapkan ke semua seri

di sini adalah biola Anda diperbarui http://jsfiddle.net/4HkXf/1/

harap ini akan berguna bagi Anda.


0
2018-06-10 10:21