echart折线图定义多种markpoint
在一个折线图中绘制MarkPoint可以用于突出显示特定数据点。MarkPoint可以有多种类型，每个类型都具有不同的含义。
如何定义多种MarkPoint？
可以通过markPoint.data自定义标记点。markPoint.data是一个数组，数组中的每个元素代表一个MarkPoint。每个MarkPoint元素是一个对象，可以设置以下属性：
网奇企业网站管理系统CWMS2.0 英文版
下载
CWMS 2.0功能介绍：一、 员工考勤系统，国内首创CWMS2.0的企业员工在线考勤系统。二、 自定义URL Rewrite重写，友好的搜索引擎 URL优化。三、 代码与模板分离技术，支持超过5种类型的模板类型。包括：文章、图文、产品、单页、留言板。四、 购物车功能，CWMS2.0集成国内主流支付接口。如：淘宝、易趣、快钱等。完全可媲美专业网上商城系统。五、 多语言自动切换 中英文的说明。六、
- name：标记点的名称
- value：标记点对应的数据值
- symbol：标记点的形状，可以是'circle'、'rect'或自定义图片
- symbolSize：标记点的大小
- label：标记点的标签，可以设置position、offset和formatter属性
- itemStyle：标记点的样式，可以设置color、borderColor和borderWidth属性
示例代码：
option = {
series: [{
type: 'line',
data: [120, 132, 101, 134, 90, 230, 210],
markPoint: {
data: [
{
name: '最大值',
value: 230,
symbol: 'circle',
symbolSize: 15,
label: {
position: 'top',
offset: [0, -20],
formatter: '{b}\n{c}'
},
itemStyle: {
color: 'red'
}
},
{
name: '最小值',
value: 90,
symbol: 'rect',
symbolSize: 10,
label: {
position: 'bottom',
offset: [0, 20],
formatter: '{b}\n{c}'
},
itemStyle: {
color: 'green'
}
}
]
}
}]
}; 
