如何让自带echarts渲染地图实现，只显示有数据的地区的名称和数据点值

本帖最后由 大白 于 2019-9-25 17:22 编辑

效果如下：

截图201909251652035133.png (193.86 KB, 下载次数: )

下载附件

2019-9-25 16:52 上传

具体实现代码：

//#HHH2为地图容器id
var mapid=$('#HHH2').attr('_echarts_instance_');
function setOpt(){
        setTimeout(function(){
                if(echarts){
                        var myChart=echarts.getInstanceById(mapid);
                        var mapOption=myChart.getOption();
                        mapOption.series[0].itemStyle.normal.label.formatter=function(name,value){
                                if(value != '-'){
                                         return name+'\n'+value;
                                };
                        };
                        mapOption.series[0].itemStyle.normal.label.show=true;
                        //color是需要展示的标签颜色
                        mapOption.series[0].itemStyle.normal.label.textStyle.color='#ffffff';
                        //fontSize 16为字体大小
                        mapOption.series[0].itemStyle.normal.label.textStyle.fontSize='16';
                        myChart.clear();
                        myChart.setOption(mapOption);
                        }else{
                         setOpt();
                }
        },100);
}

setOpt();