Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js无法创建图表_Javascript_Html_Chart.js - Fatal编程技术网

Javascript Chart.js无法创建图表

Javascript Chart.js无法创建图表,javascript,html,chart.js,Javascript,Html,Chart.js,我试图使用chart.js创建一个简单的条形图,但每次我尝试渲染它时,它都会给我以下错误:未能创建图表:无法从给定项获取上下文 var hashtags=[“运动服”、“阿迪达斯”、“阿洛瑜伽”、“巴特西公园”、“户外”、“公园”、“训练”、“冬季”、“训练”、“训练周三”] var avg_likes=[118551155217139493212860266118998108] var chart=document.getElementById(“图表”); var myBarChart=新

我试图使用chart.js创建一个简单的条形图,但每次我尝试渲染它时,它都会给我以下错误:未能创建图表:无法从给定项获取上下文

var hashtags=[“运动服”、“阿迪达斯”、“阿洛瑜伽”、“巴特西公园”、“户外”、“公园”、“训练”、“冬季”、“训练”、“训练周三”]
var avg_likes=[118551155217139493212860266118998108]
var chart=document.getElementById(“图表”);
var myBarChart=新图表(图表{
类型:'bar',
数据:{
标签:hashtags,
数据集:[{
数据:平均值
}]
},
选项:{}
}); 

必须添加画布元素作为图表的基础。将html更改为:

<div class="chart-container">
   <canvas id="chart"></canvas>
</div>

请使用如下画布代替div

<canvas id="chart"></canvas>