openlayer4在地图上绘制统计表格

在使用openlater开发的过程中，有时候会需要在地图上绘制一些数据的统计表格，openlayer官网还没有类类似的例子，网上大多数例子的实现原理是通过在地图上添加feature或overlay的形式，使用canvas绘制一张图片给feature设置样式，或在overlay里生成图表。具体代码如下（这个例子是使用feature，给feature设置样式，以绘制饼状图为例）：

 已上这种方法，对于实现简单的表格还行，如果是比较复杂的表格就比较耗费时间。前段时间，在使用echarts的过程中发现可以获取到echarts生成表格的图片，因此，我们就可以利用echarts来简化生成图片的方式。具体代码如下：

这个使用echarts的方式虽然方便，但是存在设置文字大小的问题。

Echarts在Chrome和搜狗浏览器下对于字体设置如果小于12的话就会按照12显示。
但是在火狐浏览器则会正常显示。 
原因是在Chrome浏览器内将-webkit-text-size-adjust属性给禁用了。 
解决办法： 
①在浏览器高级设置里面将最小字体改为需要的值，但是不是每一个用户都想去改动这个属性。而对于有视觉障碍的人来说就很不友好。 
②不设置小于12的中文。英文没有最小的限制