EDITAR: la respuesta a continuación funcionó bien, todo lo que hice aparte de eliminar chart.clear() fue ocultar la leyenda y los ejes x/y.

Sin embargo, ¿alguna idea de qué puede estar causando el texto borroso ahora?

Estoy seguro de que estoy haciendo algo notablemente tonto, pero parece que no puedo resolver esto.

Tengo el siguiente complemento global que mostrará el mensaje "No hay datos para mostrar" cuando corresponda:

 Chart.plugins.register({ afterDraw: function(chart, args, options) { if (chart.data.datasets.every(dataSetContainsNoData)) { debugger; var ctx = chart.chart.ctx; var width = chart.chart.width; var height = chart.chart.height; chart.clear(); ctx.save(); ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; ctx.fillText('No data to display', width / 2, height / 2); } } });

Sin embargo, me gustaría mantener el título de este gráfico en la parte superior y no sé cómo hacerlo. Si inspecciono chart.chart.options , la opción de título tiene el texto establecido y el indicador de visualización está establecido en true .

Aquí están las opciones que están en el gráfico real.

 options: { title: { display: true, text: 'Chart Header Text' }, responsive: true, maintainAspectRatio: false, scales: { yAxes: [{ ticks: { beginAtZero: true } }] } }

¡Cualquier ayuda es muy apreciada!