zoukankan      html  css  js  c++  java
  • heatmap.js bugs All In One

    heatmap.js bugs All In One

    TypeError: Cannot assign to read only property 'data' of object '#'

    heatmap.js version / usage bug

    heatmap.js v2.0.5

    1. import errors ❌
    
    import HeatMap from '@/libs/heatmap.min.js';
    // import '@/libs/heatmap.min.js';
    
    const parentPage = document.getElementById('parentPage');
    const heatMapObj = HeatMap.create({
        container: parentPage,
        radius: 30,
        maxOpacity: .5,
        minOpacity: 0,
        blur: .75
    });
    
    
    // import HeatMap from '@/libs/heatmap.min.js';
    import '@/libs/heatmap.min.js';
    
    const parentPage = document.getElementById('parentPage');
    const heatMapObj = h337.create({
        container: parentPage,
        radius: 30,
        maxOpacity: .5,
        minOpacity: 0,
        blur: .75
    });
    
    1. window.h337 ok ✅
    
    const importScript = () => {
        if(!window.h337) {
            const script = document.createElement('script');
            script.src = '/libs/heatmap.min.js';
            const body = document.querySelector('body');
            body.appendChild(script);
        }
    };
    
    const parentPage = document.getElementById('parentPage');
    const heatMapObj = h337.create({
        container: parentPage,
        radius: 30,
        maxOpacity: .5,
        minOpacity: 0,
        blur: .75
    });
    
    

    refs

    https://github.com/pa7/heatmap.js/issues/219



    ©xgqfrms 2012-2020

    www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

    原创文章,版权所有©️xgqfrms, 禁止转载 ️,侵权必究⚠️!


    xgqfrms
  • 相关阅读:
    numpy用法介绍-未完待续
    GeoJSON相关操作
    awk日志分析
    awk获取外部变量
    Shell编程二
    Shell编程
    Linux监控平台搭建
    Linux集群架构
    Linux集群
    MySQL主从(MySQL proxy Lua读写分离设置,一主多从同步配置,分库分表方案)
  • 原文地址:https://www.cnblogs.com/xgqfrms/p/15650383.html
Copyright © 2011-2022 走看看