echart中markPint的设置

来源:互联网 发布:cf网络异常怎么解决 编辑:程序博客网 时间:2024/06/05 23:02

项目中要求折线图上每个点上的数字用图形修饰,于是使用了markPoint

具体使用见代码红色部分,绿色部分为数据格式,方便编写

series :  function() {var serie = [];for (var i = 0; i < echartsData.length; i++) {var formarkPoint = [];for(var j = 0; j < echartsData[i].length; j++){formarkPoint.push({coord:[daytimeArr[j], echartsData[i][j]]});}var item = {name : channelArr[i],type : 'line',symbolSize : 10,symbol : 'circle',step: 'middle',smooth : false,axisLabel:{interval: 30},itemStyle : {normal : {color : linecolor[i]}},label : {normal : {show : false,position : 'top',}},data : echartsData[i]}serie.push(item);serie[i].markPoint={symbolSize: 60,// 标注大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2                data: formarkPoint               }};/*serie[0].markPoint={                data: [{coord: ['2017-09-17', 84.3]},{coord: ['2017-09-16', 84.4]},{coord: ['2017-09-15', 75.35]},{coord: ['2017-09-14', 75.8]},{coord: ['2017-09-13', 84.65]},{coord: ['2017-09-12', 83.5]},{coord: ['2017-09-11', 81.7]}                   ]               }*/return serie;}() 

原创粉丝点击