修复

• 销毁旧图表（以删除事件侦听器并清除画布）
• 创建配置对象的深层副本
• 更改副本的类型
• 传递副本而不是原始对象。

Here is a working jsfiddle example
示例概述：

var temp = jQuery.extend(true, {}, config);
temp.type = 'bar'; // The new chart type
myChart = new Chart(ctx, temp);

注意：使用Chart.js的2.0.1版

为什么这样做

Chart.js修改传入的配置对象。因此，您不能只更改'config.type'。您可以进入修改后的对象，将所有内容更改为您想要的类型，但只保存原始配置对象要容易得多。

为了进一步说明，现在v.2.1.3中修复了此问题，随后是https://stackoverflow.com/users/239375/nathan

document.getElementById('changeToLine').onclick = function() {
  myChart.destroy();
  myChart = new Chart(ctx, {
    type: 'line',
    data: chartData
  });
};

已确认在最新版本中修复。 checkout http://codepen.io/anon/pen/ezJGPB并按下图表下方的按钮将其从条形图更改为折线图。

不需要销毁和重新创建，您只需要从图表的配置变量中更改类型，然后更新图表。

var chartCfg = {
    type: 'pie',
    data: data
};

var myChart = new Chart(ctx, chartCfg );

function changeToBar() {
    chartCfg.type = "bar";
    myChart.update();
}

在chart.js 3.8.0中，您可以这样做：

let chart = new Chart(ctx, {
  type: "line",
  data: {
    // ...
  },
  options: {
    // ...
  }
});

chart.config.type = "bar";
chart.update();

您也可以通过这种方式更改数据和选项
chart.js更新文档：https://www.chartjs.org/docs/latest/developers/updates.html
codepen示例：https://codepen.io/3zbumban/pen/yLKMMJx

另一种解决方案可以很简单，在单独的Div元素中创建两个图表。然后根据您的条件，在javascript中使一个可见并隐藏另一个。这应该可以满足您更改图表类型以满足您的要求的目的。

在ChartJS中，图表类型也可以像图表数据一样轻松更改。

my_chart.type = 'bar';
        my_chart.update();

在ChartJS 3中：

var options = // your options.
var data = { ...myChart.data }; // deep copy of the data
var ctx = document.getElementById('myChart_id').getContext('2d');

myChart.destroy()

/// Modify ctx or data if you need to.

myChart = new Chart(ctx, {
        type: chart_type,
        data: data
});

Chart.options = options;
myChart.update();