在 ECharts 中，要使用渐变色填充，你需要在图表的配置项中设置 areaStyle 或者 itemStyle 的 color 属性为一个渐变色对象。下面是一个使用渐变色填充的示例：
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
areaStyle: {
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: 'red' // 渐变起始颜色
}, {
offset: 1,
color: 'blue' // 渐变结束颜色
}]
)
}
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
在这个示例中，我们创建了一个折线图，并使用 areaStyle 属性设置了渐变色填充。LinearGradient 对象定义了渐变的起始和结束颜色，以及它们在图形中的位置。你可以根据需要调整这些值以获得所需的渐变效果。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
