Echarts中的scatter增加一个markpoint

官网中的markpoint讲解非常简单,不能满足我的要求,所以 

	{
							name: '正常',
							type: 'scatter',// 'scatter'
							rippleEffect: {
								brushType: 'stroke'
							},
							//symbolSize: 50,
							symbol: 'image://../Assets/Images/basket2.png',
							symbolSize: function(val) {
								return val[4] / 2 + 50;
							},
							data: tedArr,// [{ 1, 2, 3}, {2,3,4}],
							markPoint: {
								data: (function() {
									const data = []
									let len = tedArr.length
									console.log('长度: ', len)
									while (len--) { 
										data.push({
											xAxis: tedArr[len][0],
											yAxis: tedArr[len][1]+0.25,
											name: tedArr[len][3],
											value: tedArr[len][2],
											symbol: "pin",
											symbolSize: 0,
											itemStyle: {
												//设置标记点的样式
												normal: { color: "red" },
											},
											label: {
												position: 'top',
												distance  : 5,
												formatter: '{b}'//单位
											},
										})
									} 
									return data
								})() //此处的括号必须得加 不加无法产生效果 不清楚原因 有知晓的朋友麻烦指点一下
							},
							itemStyle: {
								normal: {
									color: '#60DCFC' //标志颜色
								}
							},
						},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值