Echarts系列之如何实现让坐标固定交叉显示四个象限

Posted 头名字W

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Echarts系列之如何实现让坐标固定交叉显示四个象限相关的知识,希望对你有一定的参考价值。

实现像如下图散点图固定显示四个象限图


一般想要实现这个效果并不然,但是思路一定要正确。在使用echarts进行数据配置时都是echarts自己取x,y轴的值,那么这就会让图形的象限是随数据变化而变化,要让圆心固定显示在图中心就要对x和y轴上的数据进行处理。

从图中可以很容易发现就是取x和y轴的数据为一半正值一半为负值,但是具体怎么做呢?

知道echarts里面的xAxis和yAxias的max和min属性就很容易了 ,获取x和y轴数据中的最大值,然后

max :max,min: -max

大功告成。



以上是关于Echarts系列之如何实现让坐标固定交叉显示四个象限的主要内容,如果未能解决你的问题,请参考以下文章

有没有熟悉echarts的大神,echarts绘制地图的时候,怎么让地图中某个固定区域显示特定的颜色?

Echarts如何实现x轴一次性加载显示并且固定

echarts怎么让纵坐标轴在横轴的0点位置

echarts百分比计算

ECharts 自定义系列 profile 坐标转置

如何使echarts的折线图x轴隔两个数据进行显示