Echarts渐变折线图的设置解决方案

无线网络信号干扰解决方案 #生活技巧# #数码产品使用技巧# #无线网络设置指南#

实现如图Echarts渐变折线图的方式，提供两种解决方案：

1.series组件属性：

{ type: 'line', name: "总收入", lineStyle: { normal: { width: 3 }, }, itemStyle: { "color": { "type": "linear", "x": 0, "y": 0, "x2": 0, "y2": 1, "colorStops": [ { "offset": 0, "color": "#2c86e1" }, { "offset": 0.5, "color": "#d4f170" }, { "offset": 1, "color": "#ff943c" } ], "globalCoord": false } }, smooth: true, } 12345678910111213141516171819202122232425262728293031323334

2.视觉映射组件：

visualMap: { min: 0, max: 300, left: 'left', top: 'bottom', color: ["#2c86e1","#d4f170","#ff943c"], calculable: true }, 12345678

必须注意series.data的取值范围在min，max之间。

Done!

网址：Echarts渐变折线图的设置解决方案 https://www.yuejiaxmz.com/news/view/232429

相关内容

七个非常规的餐厅设置解决方案
智能家居解决方案实例
解决全球变暖的 10 个可持续解决方案
智能家居的低功耗无线连接解决方案
嵌入式解决方案
智慧楼宇解决方案/智慧园区解决方案
基于大数据的智慧交通拥堵预测与大屏可视化
亚马逊云Shield折扣：省钱省心的网络安全解决方案
一种多功能可折叠置物架的制作方法
环境监测系统解决方案

随便看看