本文展示了如何使用Echarts库创建具有背景渐变和图例颜色渐变效果的图表。通过调整LinearGradient和RadialGradient属性，分别实现了饼图和柱状图的图例颜色从红到蓝、绿到黄的平滑过渡，以及背景从紫到绿的径向渐变。示例代码包括了饼图和柱状图的完整配置，帮助读者理解并应用到自己的Echarts项目中。
图例渐变的效果如下图所示：
代码结构入下：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>图例渐变</title>
<script src="js/echarts.js"></script>
</head>
<body>
<div id="pie1" class="bb" >
</div>
<script src="js/PieCharts/pieOne.js"></script>
</body>
</html>
js代码如下（红色字体为改变的方法）：
var pie1= echarts.init(document.getElementById('pie1'));
var option1 = {
backgroundColor: '#111947'
最低0.47元/天 解锁文章
扫一扫
2994
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
