使用echarts实现四象限做位置管理

纯爱七七

于 2018-10-08 14:54:32 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

文章标签： echarts 位置管理四个象限

本文链接：https://blog.youkuaiyun.com/idweiwei/article/details/82967742

好久没更新，以下是用echarts做的一个实时位置更新，照例先上成品图。

如果要做成纯四象限的可以把x轴、y轴和遮罩层tooltip都打开；

option其他的参数都正常设置，只有在series中需要注意一下，上代码咯

<div class="location" id="location" style="width: 774px;height: 338px;"></div>

    var pathSymbols = {
        location:'path://M569.6 838.4c89.6-128 256-396.8 256-524.8 0-166.4-134.4-307.2-307.2-307.2S211.2 147.2 211.2 313.6c0 121.6 166.4 390.4 256 524.8C492.8 870.4 544 870.4 569.6 838.4zM326.4 313.6c0-102.4 83.2-192 192-192 102.4 0 192 83.2 192 192s-83.2 192-192 192C416 499.2 326.4 416 326.4 313.6zM633.6 313.6c0-64-51.2-115.2-115.2-115.2S403.2 249.6 403.2 3