使用echarts做对比图
展开全部
最近的项目中用到了对比图，为了以后不再到处找资料，特记录下对比图的做法。
对比图实际上是一组横向的柱状图，以x轴为度量，y轴为维度，与echarts官方给出的示例不同的是，一般x轴左右侧都需要是正值。这样的话可以建立三个坐标系来实现：第一个坐标系对应左侧部分（x轴设置 inverse ），第二个坐标系对应右侧部分，两个坐标系均隐藏y轴，第三个坐标系用来显示y轴（y轴一般放在左侧，视情况也可以放右侧）同时隐藏x轴。如图所示
对比图中还加入了datazoom，将三个y轴联动起来。
最后有一个美中不足的地方，鼠标移入时tooltip暂时只能显示某一侧的内容，如果再增加坐标系或许能够解决...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
ZESTRON
2024-09-04 广告
表界面分析在材料科学及化学领域占据核心地位，它深入探索物质表面与界面的微观结构、化学组成及相互作用。通过电商平台射线光电子能谱（电商平台PS）、扫描电子显微镜（SEM）及原子力显微镜（AFM）等先进技术手段，我们Dr. O.K. Wack ...
点击进入详情页
本回答由ZESTRON提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
