echarts折线图分段显示不同颜色

最新推荐文章于 2025-07-22 11:16:12 发布

原创

最新推荐文章于 2025-07-22 11:16:12 发布 · 7.6k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍如何使用Echarts库创建折线图，并实现根据数据分段显示不同颜色的效果。通过配置option对象，调整折线图的颜色样式，达到数据可视化的目的。

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

var weiChart = echarts.init(document.getElementById('box'));
option = {
title: {
text: '折线图堆叠'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
},
grid: {
left: '3%',