类型错误：无法读取 chart.js 中的 null 属性“currentStyle”

Question

每次修改输入字段时，我都会尝试更新我的饼图（使用 Chart.js）。我通过用空画布替换现有图形然后重新绘制它来做到这一点。这是有效的，但导致我收到“TypeError：无法读取 null 的属性 'currentStyle'”。

代码如下，

function drawSummaryPie() {
$('#myChart').replaceWith('<canvas id="myChart" width="200" height="200"></canvas>');
draw(); 
}[enter image description here][1]   

错误 ：

任何帮助将不胜感激！

Answer 1

HTML：

<div id="line_chart" style="padding-bottom: 20px;">               
 <canvas id="chartJSContainer" height="100"></canvas>
</div>

JS：

$('#chartJSContainer').remove();
$('#line_chart').html('<canvas id="chartJSContainer" height="100"></canvas>'); 
var linectxx = document.getElementById('chartJSContainer').getContext('2d');
var newlinechart = new Chart(linectxx, options1);

它为我工作。使用 .html() 而不是 .append :)