Echarts渲染完栅格热力图之后，无法再去渲染其他类型的问题

最新推荐文章于 2024-09-09 14:46:42 发布

花铛

最新推荐文章于 2024-09-09 14:46:42 发布

阅读量473

点赞数

分类专栏： Echarts 文章标签： Echarts

本文链接：https://blog.csdn.net/wsln_123456/article/details/106718500

版权

Echarts 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

原因：Echarts的配置默认是合并的，渲染完栅格热力图之后，visualMap仍然存在，影响到了其他类型的配置，因此导致无法渲染。

解决方法：对series中的数据项设置visualMap:false来避开visualMap映射，即可正常渲染显示。
在这里插入图片描述

......//渲染栅格热力图

......//清空栅格热力图

//渲染散点图
var data=[
      {
             value: [10, 8],
             visualMap: false,//每一项都避开visualMap的映射
      },
      {
             value: [8, 3],
             visualMap: false,//每一项都避开visualMap的映射
      }
]

var option = {
    xAxis: {},
    yAxis: {},
    series: [{
        symbolSize: 20,
        data: data
    }]
};
this.echartsModal.setOption(option);