Chart.js显示无图表数据时的默认值

Question

我正在使用chart.Js显示我的图表.我通过ajax获取我的图表数据并以图形方式呈现它以显示数据,

我的问题是,在我的Ajax什么也没有返回任何内容的情况下,我的图表只显示X轴和Y轴,没有数据或没有显示图例.有没有显示默认文字的选项？

PS:我知道我可以添加一些条件语句并显示"No chart Div"并隐藏我的"chart div",但我是一些干净的方法来做同样的事情.

Answer 1

你可以尝试这个解决方案:

if(1 < chartData.labels.length) {
    chart = new Chart(options.ctx).Line(chartData, options.chartOptions);
} else {
    options.ctx.font = "20px " + Chart.defaults.global.tooltipTitleFontFamily;
    options.ctx.textAlign = "center";
    options.ctx.textBaseline = "middle";
    options.ctx.fillStyle = Chart.defaults.global.scaleFontColor;
    options.ctx.fillText("No data in chart.", options.ctx.canvas.clientWidth / 2, options.ctx.canvas.clientHeight / 2);
}