-
张稀赫 初学数据Lv2
发表于2019-10-23 10:41
悬赏10
已解决
var chartID = 'HHH370'; //地图统计图的ID
var highcolor = "red"; //地图统计图高亮块的颜色
var idx = 0;
var city = [];
var init = setInterval(function(){
if(!g_rptpage.chartMng.getChartById(chartID) || !g_rptpage.chartMng.getChartById(chartID).thirdchart){
return;
}
var temp = g_rptpage.chartMng.getChartById(chartID).thirdchart._option.series[1].data;
temp.forEach(function(item,idx){
city.push(item.name);
});
renderchart();
clearInterval(init);
},300);
setInterval(renderchart,3000);
function renderchart(){
var myChartMgr = g_rptpage.chartMng.getChartById(chartID);
if(!myChartMgr || !myChartMgr.thirdchart){
return;
}
var myChart = myChartMgr.thirdchart;
myChart.component.tooltip.hideTip();
var _series = myChart._option.series;
var url = _series[1].data[idx].url;
var currentname = _series[1].data[idx].name;
_series[1].data = _series[1].data.map(function(item, index){
item.itemStyle.normal.color = "rgba(192,192,192,1.0)";
return item;
})
_series[1].data[idx++].itemStyle.normal.color = highcolor;
if(idx >= _series[1].data.length){
idx = 0;
}
var option = {
series: _series
}
myChart.setOption(option);
if(city.indexOf(currentname)>-1){
myChart.component.tooltip.showTip({ seriesIndex: 1, name:currentname});
}
if(url){
eval(url);
}
}
修改脚本中的配置,如下图所示:
1)、修改统计图地图组件在报表中具体的id。
2)、修改提示信息自动切换、热区自动刷新的间隔时间。(定时执行时间间隔不能过短,否则可能出现获取不到对象的错误提示)
不知道能不能帮到你{:3_55:}
4个回答
在报表模板中添加如下脚本:
var chartID = 'HHH370'; //地图统计图的ID
var highcolor = "red"; //地图统计图高亮块的颜色
var idx = 0;
var city = [];
var init = setInterval(function(){
if(!g_rptpage.chartMng.getChartById(chartID) || !g_rptpage.chartMng.getChartById(chartID).thirdchart){
return;
}
var temp = g_rptpage.chartMng.getChartById(chartID).thirdchart._option.series[1].data;
temp.forEach(function(item,idx){
city.push(item.name);
});
renderchart();
clearInterval(init);
},300);
setInterval(renderchart,3000);
function renderchart(){
var myChartMgr = g_rptpage.chartMng.getChartById(chartID);
if(!myChartMgr || !myChartMgr.thirdchart){
return;
}
var myChart = myChartMgr.thirdchart;
myChart.component.tooltip.hideTip();
var _series = myChart._option.series;
var url = _series[1].data[idx].url;
var currentname = _series[1].data[idx].name;
_series[1].data = _series[1].data.map(function(item, index){
item.itemStyle.normal.color = "rgba(192,192,192,1.0)";
return item;
})
_series[1].data[idx++].itemStyle.normal.color = highcolor;
if(idx >= _series[1].data.length){
idx = 0;
}
var option = {
series: _series
}
myChart.setOption(option);
if(city.indexOf(currentname)>-1){
myChart.component.tooltip.showTip({ seriesIndex: 1, name:currentname});
}
if(url){
eval(url);
}
}
修改脚本中的配置,如下图所示:
1)、修改统计图地图组件在报表中具体的id。
2)、修改提示信息自动切换、热区自动刷新的间隔时间。(定时执行时间间隔不能过短,否则可能出现获取不到对象的错误提示)
不知道能不能帮到你{:3_55:}
一笑伊人 发表于 2019-10-23 11:17
在报表模板中添加如下脚本:
var chartID = 'HHH370'; //地图统计图的ID
var highcolor = "red"; //地图统 ...
好的,谢谢,我试一下