做网站维护工作难吗,自己建网站要什么,曲靖企业网站建设,广东十大网站建设排名在我们日常的开发中#xff0c;难免会遇到有需求#xff0c;需要使用echars设置渐变的图表#xff0c;如果我们需要设置给图表设置渐变颜色的话#xff0c;我们只需要在 series 配置项中 添加相应的属性配置项即可。 方式一#xff1a;colorStops
type#xff1a;‘lin… 在我们日常的开发中难免会遇到有需求需要使用echars设置渐变的图表如果我们需要设置给图表设置渐变颜色的话我们只需要在 series 配置项中 添加相应的属性配置项即可。 方式一colorStops
type‘linear’线性渐变x,y,x2,y2代表包围框中的百分比数值范围 0-1
代码实例 注意这个color 是配置在 series 内的 color: {type: linear, // 表示线性渐变//代表包围框中的百分比数值范围 0-1x: 0,y: 0,x2: 0,y2: 1,colorStops: [{offset: 0,//23, 82, 233color: rgba(23, 82, 233,1) // 0% 处的颜色},{//7, 158, 228offset: 0.8,color: rgba(7, 158, 228,1) // 80% 处的颜色}]},
方式二new echarts.graphic.LinearGradient((x,y,x2,y2
x,y,x2,y2包围框中的百分比数值范围 0-1offset类似颜色线性梯度数值范围 0-1
代码实例 这个itemStyle是配置在 series 内的 itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{offset: 0.5, // 50%位置的颜色color: rgba(252, 154, 48, 1)},{offset: 0, // 0%位置的颜色color: rgba(246, 248, 252, 1) //渐变颜色}])},
