echart地图(地图)响应式（自适应）解决方法，echart图表(地图)中任意位置自定义动态文字解决方法

最近项目开发实现可视化，用了许多图表，遇到一些问题。

1、如何让图表(地图)响应式或自适应

单个图表解决

window.onresize = myChar.resize;

或
使用JQuery监听

 $(window).resize(function(){
    
    
myChart.resize();
})

或 直接监听

window.addEventListener("resize", function () {
    
    
        myChart.resize();
});

多个图表
一 div 多图表

window.addEventListener("resize", function () {
    
    
        myChart1.resize();
        myChart2.resize();
});

一 div 一图表，直接类似单图表

window.addEventListener("resize", function () {
    
    
        myChart.resize();
});

多个图表共用一个options

var myChart ={
    
    };
myChart[refVal] = echarts.init(this.$refs[refVal]);
myChart[refVal] .setOption(option, true);
window.addEventListener("resize", function () {
    
    
        myChart[refVal].resize();
});

图表中任意位置写自定义的文字，可设置样式等

option ={
    
    
...,
	graphic:{
    
    
		elements:[
			{
    
    
			type: "text",
              id: "text1",//建议加上，无论有多少文段，id不能重复
              left: "20",//在图表中离左侧距离
              top: "10",//离上面距离
              style: {
    
    
                text: "计划数量：",//展示的字
                textAlign: "center",
                fill: "#333",//颜色
                fontSize: 12,
                fontWeight: 400,
              },
			}，{
    
    
			type: "text",
              id: "text2",//建议加上，无论有多少文段，id不能重复
              left: "100",//在图表中离左侧距离
              top: "10",//离上面距离
              style: {
    
    
                text: "100个：",//展示的字
                textAlign: "center",
                fill: "#333",//颜色
                fontSize: 12,
                fontWeight: 700,
              },
			}，
			.....
		]
	}

}