How to destroy heatmap.js instance?

heatmap, javascript, jquery

Solution

Currently there is no method to destroy a `heatmapjs` instance, but we can do that manually.

First we have to remove the canvas element from `DOM` and than unset or destroy the `heatmapjs` instance.

Example:

//find corresponding canvas element
var canvas = heatmapInstance1._renderer.canvas;
//remove the canvas from DOM
$(canvas).remove();
//than unset the variable
heatmapInstance1 = undefined;
//or
heatmapInstance1 = null;

Problem

I'm using patrick wied's heatmapjs. I want to know how to destroy an instance and remove the canvas div created by `h337.create(configObject)` function. Example: ``` var config = { container: document.getElementById('heatmapContainer'), radius: 10 }; var config2 = { container: document.getElementById('heatmapContainer'), radius: 5 }; var heatmapInstance1 = h337.create(config); var heatmapInstance2 = h337.create(config); var heatmapInstance3 = h337.create(config2); ``` I want to destroy and delete canvas div only for `heatmapInstance1` instance.

Original source