官方給的案例中,顔色都能正常顯示:
https://echarts.apache.org/examples/zh/editor.html?c=area-basic
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5iZ0gTZwM2YhJDOzkTMklTZkBDNhdjZjJTNiFWOwYjM08CX0EzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL1M3Lc9CX6MHc0RHaiojIsJye.png)
可我做了一些嘗試都不能顯示顔色!
// areaStyle: {
// color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
// offset: 0,
// color: 'rgb(255, 158, 68)'
// }, {
// offset: 1,
// color: 'rgb(255, 70, 131)'
// }])
// },
會不會是版本問題?
package.json 檢視版本為 "echarts": "^3.8.5",
改為 "echarts": "^4.0.0",操作如下:
npm install [email protected]
好了,顔色顯示出來了!
注意改成版本5.0.0 顔色也顯示不出來。
樹立目标,保持活力,gogogo!