echarts3.0内通过zrender添加自定义文字

参考：https://blog.csdn.net/qq_14855277/article/details/72823117

         https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-3u872dym.html

 需求概述：在echarts图形中中间添加一个或多个固定的文字显示。

 

解决思路是用zrender添加shape图形，以雷达图为例。

1、获取myChart对象，注意设置graphic属性。

2、获取zrender对象：

       var _zr = myChart.getZr();

3、获取图层对象

      

4、因为echearts图标上可能需要多个新的图层，所以我们定义图层组以及将图层放进图层组的公共方法。

       

5、通过zrender添加图形：

      先获取宽高：
       var x = _zr.getWidth();
       var y = _zr.getHeight();

     

运行后效果如图：