在润乾报表中如何实现echarts地图钻取效果

JavaScript020

在润乾报表中如何实现echarts地图钻取效果,第1张

在地图的js底部添加

myChart.on(‘click’,function(param){dashboardLink(‘board.jsp?board= 联动组件报表.rpx&参数名 =’+ 参数值 +'',‘item2’)})

其中指定联动的报表及参数。

具体可以参考:c.raqsoft.com.cn/article/1535422080292

根据选择的地区去加载地图数据然后给chart.setOption()改变红色字体的值就可以,红色字体是省的拼音具体查看echarts/map文件夹内文件,有js加载方式和json加载方式

$.get('map/json/china.json', function (chinaJson) {

echarts.registerMap('china', chinaJson)

var chart = echarts.init(document.getElementById('main'))

chart.setOption({

series: [{

type: 'map',

map: 'china'

}]

})

})