通过设置渐变色伪造3decharts玫瑰图

_嶙峋_

于 2020-02-17 19:52:22 发布

阅读量988

点赞数 1

分类专栏： echarts

本文链接：https://blog.csdn.net/qq_35591402/article/details/104363549

版权

本文将展示如何通过设置颜色渐变，来为echarts的玫瑰图营造出3D效果。通过巧妙的颜色过渡，使得原本2D的图表在视觉上产生深度感，达到以假乱真的3D效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 用到的数据
var pieDataOne = [ {
   
		value : 335,
		name : '外力破坏',
		itemStyle : {
   
			normal : {
   
			//设置渐变色
				color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
   
					offset : 0,
					color : '#0d7ab2'
				}, {
   
					offset : 0.5,
					color : '#5896c9'
				}, {
   
					offset : 1,
					color : '#0d7ab2'
				} ])
			}
		}
	}, {
   
		value : 310,
		name : '大跨越区',
		itemStyle : {
   
			normal : {
   
				color : new echarts.graphic.LinearGradient(0, 0, 0, 1, [ {
   
					offset : 0,
					color : '#fcfe53'
				}, {
   
					offset :<

最低0.47元/天解锁文章