今天覆制了官網上一個案例,但是運行的時候報錯,報錯內容爲
查看代碼發現:color: new echarts.graphic.LinearGradient
這裏出錯了,找了好久才知道是漸變色的問題;
先貼一下官方寫的代碼:
var color = new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
offset: 0,
color: '#5CF9FE' // 0% 處的顏色
},
{
offset: 0.17,
color: '#468EFD' // 100% 處的顏色
},
{
offset: 0.9,
color: '#468EFD' // 100% 處的顏色
},
{
offset: 1,
color: '#5CF9FE' // 100% 處的顏色
}
]);
然後下面我修改的:
var color = {
type: "linear",
x: 0,
y: 0,
x2: 1,
y2: 0,
colorStops: [
{
offset: 0,
color: "red" // 0% 處的顏色
},
{
offset: 1,
color: "yellow" // 100% 處的顏色
}
],
globalCoord: false // 缺省爲 false
};
最後的運行效果: