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未在我的網站中呈現

回答

相關問題