Chart.js无法创建图表 [英] Chart.js unable to create chart
本文介绍了Chart.js无法创建图表的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用Chart.js创建一个简单的条形图,但是每次尝试呈现它时,都会出现以下错误:无法创建图表:无法从给定项目中获取上下文.
I'm trying to create a simple bar chart using Chart.js, but every time I try to render it, it give me the following error: Failed to create chart: can't acquire context from the given item.
var hashtags = ["activewear", "adidas", "aloyoga", "batterseapark", "outdoors", "park", "training", "winter", "workout", "workoutwednesday"]
var avg_likes = [1185, 5311, 5521, 1713, 949, 321, 2860, 2661, 18899, 8108]
var chart = document.getElementById("chart");
var myBarChart = new Chart(chart, {
type: 'bar',
data: {
labels: hashtags,
datasets: [{
data: avg_likes
}]
},
options: {}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<div id="chart"></div>
推荐答案
请使用如下所示的画布代替div.
Instead of div please use canvas like below.
<canvas id="chart"></canvas>
这篇关于Chart.js无法创建图表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文