heatmap.js未在我的网站中呈现

我正在尝试为我的应用程序提供热图，但我认为在我的代码中缺少某些内容，因为它不起作用。heatmap.js未在我的网站中呈现

下面是我的代码：

<div class="example-1" style="position: relative;"> 
    <canvas id="heatmapf" width="320" height="270" style="position: absolute; left: 0px; top: 0px;"></canvas> 
</div> 

<script> 
    var domElement = document.getElementById("heatmapf"); 
    var heatmap = h337.create({ 
     container: domElement 
    }); 

    heatmap.setData({ 
     max: 5, 
     data: [{ x: 10, y: 15, value: 5}, { x: 20, y: 25, value: 8}] 
    }); 
</script>

我是新来这个热图，并希望在我的应用程序一个非常简单的例子。任何帮助将不胜感激。

来源

2016-03-05 user3657517

请在这里附上相关的代码，小提琴总是有好处，但是如果链接过期了？有没有什么问题然后 – Xorifelse

我已经更新了这个问题，虽然我刚刚创建了js小提琴广告它不会感谢 – user3657517

heatmap.js的创建者在这里。看起来您正尝试使用<canvas>元素作为热图容器。

这是行不通的，因为heatmap.js自动添加自己的<canvas>到container元素因此你需要一个容器元素，如<div>, <p>所以你应该相当传递

document.querySelector(".example-1");

的容器元件。如果仍然不工作，你最有可能没有设置容器大小（容器元素要么有一个宽度，高度集或width和height应在热图配置进行传递。

您还可以找到更多基本的热图例子on the heatmap.js website

来源

2016-03-05 13:33:09

这是我的JS小提琴，你可以在这里编辑任何东西吗？https://jsfiddle.net/7jzsjrvo/ – user3657517

我甚至从网站上下载了GITHUB fiels，但是heatmap.js-mast呃\例子也不起作用。 – user3657517

我得到它的工作。谢谢 – user3657517

heatmap.js未在我的网站中呈现

回答

相关问题