echarts 饼状圆环图圆角

最新推荐文章于 2025-01-09 11:11:57 发布

弹琴弹琴

最新推荐文章于 2025-01-09 11:11:57 发布

阅读量1.5w

点赞数 1

分类专栏：框架库点滴知识

本文链接：https://blog.youkuaiyun.com/bbsyi/article/details/105388593

版权

本文介绍了如何使用Echarts库为饼状图和圆环图添加圆角效果，详细讲解了配置项设置，包括圆角半径、颜色渐变等关键参数的调整，帮助开发者实现更美观的数据展示。

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

option = {
    title: {
	text: '75%',
	textStyle: {
		color: '#48FFFF',
		fontSize: 12
	},
	left: 'center',
	top: 'center'
},
angleAxis: {
	max: 100, // 满分
	clockwise: false, // 逆时针
    // 隐藏刻度线
	axisLine: {
		show: false
	},
	axisTick: {
		show: false
	},
	axisLabel: {
		show: false
	},
	splitLine: {
		show: false
	}
},
radiusAxis: {
	type: 'category',
    // 隐藏刻度线
	axisLine: {
		show: false
    },
    axisTick: {
		show: false
    },
    axisLabel: {
		show: false
    },
    splitLine: {
		show: false
    }
  },
polar: {
	center: ['50%', '50%'],
	radius: '140%' //图形大小
},
series: [{
	type: 'bar',
    data: [{
		name: '作文得分',
		value: 70,
		itemStyle: {
			normal: {
				color: { // 完成的圆环的颜色
                    colorStops: [{
                        offset: 0,
                        color: '#48FFFF' // 0% 处的颜色
                    }, {

最低0.47元/天解锁文章