echarts 鼠标事件有偏移-折线
由于特定需求需要在一个svg里的一个固定部分显示曲线，曲线可以显示，但是鼠标位置错误，结构如下
<svg style="width:100%; height: 100%">
<foreignObject width="1342" height="608">
<div id="echart" xmlns="http://www.w3.org/1999/xhtml" style="width:100%; height: 100%"></div>
</foreignObject>
</svg>
饼图-
--
多维柱状图展示问题-
需求：比方说一个南京多个区 一个区里包含项目个数数据 和 投资金额数据 两条数据，两个Y轴 项目个数用折现图展现 投资金额用柱状图展现
问题1：南京有11个区无锡5个区如何展示 柱子数量每个X轴字段统一
问题2：正常情况为一根柱子上都有一个与折现图交互的点，但是现在就一个交互点。
问题3：正常情况为鼠标移动到柱子上显示的信息为区民，投资金额，项目个数一起展现，但是现在分离展现了
多种占比数据-饼
可以描述多种情况与总的占比关系
年龄统计-柱状
项目里面年龄统计
一天运输温度跟踪-折线
要求：冷藏1℃-4℃
