javascript - 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);
}