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
});

2. 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, 禁止转载 🈲️，侵权必究⚠️！

---