容器
需要引入echart和引入全国和省份的json数据
需要在mounted()调用画地图方法,数据加载完成
下面就是画地图的配置了,就不一一详细展开说了
全国地图map是“China”,省份地图map是相对应的省份名称
详细代码如下
// 基于准备好的dom,初始化echarts实例
// 中间 地图 ----域外分布(全国地图)
drawMap(id, mapData, towLineData, mapList) {
this.charts = echarts.init(document.getElementById(id));
// 指定图表的配置项和数据
this.charts.setOption({
tooltip: {
// triggerOn: 'click',
enterable: true,
formatter: function (params, ticket, callback) {
if (params.componentSubType != "effectScatter") {
return;
}
return ' <div style=" padding: 5px;background: #FFFFFF;box-shadow: 0px 2px 8px 0px rgba(50, 175, 218, 0.8);border-radius: 2px; ">'
+ ' <div style="font-size: 10px;color: #999999;line-height: 20px;">支援机构<span style="font-size: 12px;font-weight: bold;color: #FFB400;margin: 0 3px;">' + params.data.orgName + '</span></div>'
+ ' <div style="font-size: 10px;color: #999999;line-height: 20px;">支援专家<span style="font-size: 12px;font-weight: bold;color: #FFB400;margin: 0 3px;">' + params.data.num