单击时在同一画布中加载另一个ChartJS图表

Question

我有两个ChartJS图表代表相同的日期，一个是pie，另一个是bar。 默认值为pie，单击时我想加载bar图表，而无需刷新同一div中的整个页面。

下面是代码，我认为应该可以工作：

<div id="revenueBody">
  <canvas id="revenuePie"></canvas>
  <button id="button">Change</button>
</div>

$(document).ready(function () {
$("#button").click(function () {
    $("#revenueBody canvas").replaceWith('<canvas id="revenueChart"> 
     </canvas>');
    $("#revenueBody").load(location.href + " #revenueChart");
  });
});

画布ID替换为revenueChart，但图表未显示。