Incubator-echarts: Bagaimana cara menggunakan warna gradien untuk warna kolom histogram di echarts3?

Dibuat pada 28 Okt 2016 · 3Komentar · Sumber: apache/incubator-echarts

Ringkasan satu baris

Bagaimana cara menggunakan warna gradien untuk warna kolom histogram di echarts3?

Versi & Lingkungan

Versi ECcharts:
Jenis dan versi browser (Versi browser):
Jenis dan versi sistem operasi (Versi OS):
Langkah-langkah untuk mereproduksi

1.
2.

Perilaku yang diharapkan

Apa yang salah

Item konfigurasi ECharts (opsi ECharts)

option = {

}

Informasi lainnya (Komentar lain)

Sumber

771752687

Komentar yang paling membantu

// Gradien linier, empat parameter pertama adalah x0, y0, x2, y2, mulai dari 0-1, yang setara dengan persentase di kotak pembatas grafik. Jika parameter terakhir dilewatkan true , maka keempat Nilai adalah posisi piksel absolut

color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  offset: 0, color: 'red' // 0% 处的颜色
}, {
  offset: 1, color: 'blue' // 100% 处的颜色
}], false)
// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变
color: new echarts.graphic.RadialGradient(0.5, 0.5, 0.5, [...], false)
// 纹理填充
color: new echarts.graphic.Pattern(
  imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串
  'repeat' // 是否平铺, 可以是 repeat-x, repeat-y, no-repeat
)

Carol1992 pada 28 Okt 2016

👍3

Semua 3 komentar

color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  offset: 0, color: 'red' // 0% 处的颜色
}, {
  offset: 1, color: 'blue' // 100% 处的颜色
}], false)
// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变
color: new echarts.graphic.RadialGradient(0.5, 0.5, 0.5, [...], false)
// 纹理填充
color: new echarts.graphic.Pattern(
  imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串
  'repeat' // 是否平铺, 可以是 repeat-x, repeat-y, no-repeat
)

Carol1992 pada 28 Okt 2016

👍3

http://echarts.baidu.com/demo.html#bar -gradient