Echarts using Essays (1) use of Markpoint in-echarts (static, dynamic)-effect

First look at the use of initialization Echart JS

MyChart = Echarts.init (document.getElementById (' Mainchart '));

var option; option = {Title: {Text: ' National major city Air quality (PM2.5) ',Subtext: ' Data from pm25.in ',Sublink: ' Http://www.pm25.in ',X: ' Center '},ToolTip: {Trigger: ' Item '},Legend: {Orient: ' Vertical ',x: ' Left ',Data:[' PM2.5 ']},DataRange: {min:0,MAX:500,Calculable:true,Color: [' maroon ', ' Purple ', ' red ', ' orange ', ' yellow ', ' lightgreen ']},Toolbox: {Show:true,Orient: ' Vertical ',x: ' Right ',Y: ' Center ',Feature: {Mark: {Show:true},DataView: {show:true, readonly:false},Restore: {show:true},Saveasimage: {show:true}}},Series: [{Name: ' PM2.5 ',Type: ' Map ',Maptype: ' China ',Hoverable:false,Roam:true,Data: [],Markpoint: {//data is all MarkpointSYMBOLSIZE:20,//callout size, half width (radius) parameter, when the graphic is in the direction or diamond the total width is symbolsize * 2ItemStyle: {Normal: {BorderColor: ' #87cefa ',Borderwidth:1,//callout Edge line width, unit px, default = 1Label: {Show:false}},Emphasis: {BorderColor: ' #1e90ff ',Borderwidth:5,Label: {Show:false}}},Effect: {Show:true,shadowblur:0},Data: [{Name: "Haimen", Value:9},{Name: "Ordos", Value:12},], geocoord:{

"Haimen": [121.15,31.89],

"Ordos": [109.781327,39.608266]

}

},//end markpoint

}//end series[0],
,

{Name: ' TOP5 ',Type: ' Map ',Maptype: ' China ',Hoverable:false,Roam:true,Data: [],markpoint: {//data is all Markpoint symbolsize:20,//callout size, half width (radius) parameter, when the graphic is in the direction or diamond the total width is symbolsize * 2ItemStyle: {Normal: {bordercolor: ' #1e90ff ',borderwidth:1,//callout Edge line width, unit px, default = 1Label: {Show:false                        }                    },emphasis: {bordercolor: ' #1e90ff ',Borderwidth:5,Label: {Show:false                        }                    }                },                 effect: { show:true, shadowblur:0                        },data: [{name: "Haimen", Value:9},{name: "Ordos", value:12},                ]},//end Markpoint}//end Series[0]]}; mychart.setoption (option);

Note the red part of the code, where the red underlined part is, about the setting of the markpoint effect, effect

Echarts using Essays (1) use of Markpoint in-echarts (static, dynamic)-effect