Echart地图markline颜色设置

最新推荐文章于 2025-04-21 11:23:03 发布

原创

最新推荐文章于 2025-04-21 11:23:03 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts markline 颜色线

本文介绍了如何在Echarts中实现地图markline的颜色个性化设置。不仅可以通过itemStyle统一控制所有线的样式，还可以为markLine的每一条数据指定itemStyle，从而独立设置线的颜色和宽度，例如将北京到包头的线设为蓝色。

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

一、目前ehcarts 提供的官方例子里只能找到在
markline里通过itemstyle 统一控制所有的线的style
markLine : {
symbol:'none',
symbolSize:'1',
tooltip:{
showContent:true,
enterable:true,
formatter:function(){return false;}
},
[color=blue]itemStyle : {
normal: {
borderWidth:1,
lineStyle: {
type: 'solid',
color:'orange',
width:2
},
}

},[/color]
data : []
}

二、其实还可以控制每一条线的颜色,就是为data里的数据指定itenstyle
markLine : {
symbol:'none',
symbolSize:'1',
tooltip:{
showContent:true,
enterable:true,
formatter:function(){return false;}
},
itemStyle : {
normal: {
borderWidth:1,
lineStyle: {
type: 'solid',
color:'orange',
width:2
},
}

},
data : [[color=darkblue][{name:'北京'},{name:'包头',itemStyle: {
normal: {
width: 1.