e_charts如何添加地图markPoint的点击事件?????比如我要点击下图中的那个点并且出现浮动框
答案:3 悬赏:10
解决时间 2021-02-11 21:20
- 提问者网友:娇妻失忆
- 2021-02-11 18:28
e_charts如何添加地图markPoint的点击事件?????比如我要点击下图中的那个点并且出现浮动框
最佳答案
- 二级知识专家网友:厌今念往
- 2021-02-11 19:30
API上不是有吗?<br><br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>31<br>32<br>33<br>34<br>35<br>36<br>37<br>38<br>39<br>40<br>41<br>42<br>43<br>44<br>45<br>46<br>47<br>48<br>49<br>50<br>51<br>52<br>53<br>54<br>55<br>56<br>57<br>58<br>59<br>60<br>61<br>62<br>63<br>64<br>65<br>66<br>67<br>68<br>69<br>70<br>71<br>72<br>73<br>74<br>75<br>76<br>77<br>78<br>79<br>80<br>81<br>82<br>83<br>84<br>85<br>86<br>87<br>88<br>89<br>90<br>91<br>92<br>93<br>94<br>95<br>96<br>97<br>98<br>99<br>100<br>101<br>102<br>103<br>104<br>105<br>106<br>107<br>108<br>109<br>110<br>111<br> option= {<br> title: {<br> text:'山东省636f70793231313335323631343130323136353331333361306439事业费开支情况',<br> textStyle:{fontSize: 20,fontWeight:'bolder',color:'#333'},<br> x:'center'<br> },<br> tooltip: {<br> trigger:'item'<br> },<br> legend: {<br> orient:'vertical',<br> x:'left',<br> data: ['开支比例']<br> },<br> dataRange: {<br> min: 0,<br> max: 1000,<br> color:['orange','yellow'],<br> text:['高','低'],<br> x:'right',<br> y:'bottom',<br> calculable : true<br> },<br> series: [<br> {<br> name:'开支比例',<br> type:'map',<br> mapType:'山东',<br> selectedMode: 'single',<br> itemStyle: {<br> normal: { label: { show:true},color:'black'},<br> emphasis: { label: { show:true} }<br> },<br> mapLocation:{x:'center',y:'center'},<br> mapValuePrecision:2,<br> roam:false,<br> data: [<br> {name: "烟台市",value: Math.round(Math.random()*1000)},<br> {name: "临沂市",value: Math.round(Math.random()*1000)},<br> {name: "潍坊市",value: Math.round(Math.random()*1000)},<br> {name: "青岛市",value: Math.round(Math.random()*1000)},<br> {name: "菏泽市",value: Math.round(Math.random()*1000)},<br> {name: "济宁市",value: Math.round(Math.random()*1000)},<br> {name: "德州市",value: Math.round(Math.random()*1000)},<br> {name: "滨州市",value: Math.round(Math.random()*1000)},<br> {name: '聊城市',value: Math.round(Math.random()*1000)},<br> {name: "东营市",value: Math.round(Math.random()*1000)},<br> {name: "济南市",value: Math.round(Math.random()*1000)},<br> {name: "泰安市",value: Math.round(Math.random()*1000)},<br> {name: "威海市",value: Math.round(Math.random()*1000)},<br> {name: "日照市",value: Math.round(Math.random()*1000)},<br> {name: "淄博市",value: Math.round(Math.random()*1000)},<br> {name: "枣庄市",value: Math.round(Math.random()*1000)},<br> {name: "莱芜市",value: Math.round(Math.random()*1000)}<br> <br> ],<br> geoCoord: {<br> "烟台":[120.78,37.63],<br> "潍坊":[119.14,36.64],<br> "临沂":[118.35,35.40],<br> "青岛":[120.50,36.45],<br> "济南":[117.20,36.98],<br> "莱芜":[117.70,36.38],<br> "滨州":[117.87,37.60],<br> "聊城":[115.96,36.51],<br> "日照":[119.32,35.61],<br> "泰安":[117.07,36.16],<br> "济宁":[116.88,35.45],<br> "枣庄":[117.36,35.00],<br> "淄博":[118.08,36.72],<br> "德州":[116.73,37.32],<br> "威海":[122.00,37.25],<br> "东营":[118.75,37.67],<br> "菏泽":[115.66,35.32]<br> }<br> },<br> {<br> name: '存在超支项目',<br> type: 'map',<br> mapType: '山东',<br> data:[],<br> markPoint : {<br> symbol:'star',<br> symbolSize : 10,<br> effect : {<br> show: true,<br> color:'red',<br> shadowColor:'red',<br> //period: 10,<br> shadowBlur : 0<br> },<br> itemStyle:{<br> normal:{<br> label:{show:false}<br> }<br> },<br> data : [<br> <br> {name: "菏泽", value:500}<br> <br> ]<br> }<br> }<br> ]<br> };<br> varecConfig = require('echarts/config');<br> myChart.on(ecConfig.EVENT.CLICK, eConsole);<br> functioneConsole(param){<br> alert(1111); <br> alert(param.name);<br> }
全部回答
- 1楼网友:青春如此荒謬
- 2021-02-11 21:03
var charts = echarts.init(document.getElementById(id));
charts.setOption(option);
charts .on('click', function (params) {
if(params.componentType == "markPoint"){
console.log(params);
}
});
API ->events有对params的介绍
- 2楼网友:浪者不回头
- 2021-02-11 20:25
搜一下:e_charts如何添加地图markPoint的点击事件?????比如我要点击下图中的那个点并且出现浮动框
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯