Chart.js不显示任何图表数据时的默认值 [英] Chart.js Default value when displaying no chart data

问题描述

我正在使用chart.Js显示我的图表.我正在通过ajax获取图表数据，并以图形方式对其进行渲染以显示数据，

I'm using chart.Js to display my chart. I'm getting my chart data via ajax and graphically render it to display the data,

我的问题是，在极少数情况下，我的Ajax不返回任何信息，而我的图表仅显示X轴和Y轴，而没有显示数据或图例.有显示默认文本的选项吗?

My question is, there are few cases when my Ajax returns nothing, and my Chart just display X axis and Y axis, with no data or no legend shown. Is there any option to show default text ?

PS:我知道我可以添加一些条件语句并显示"No chart Div"并隐藏我的"chart div"，但是我是一些干净的方法可以做到这一点.

PS: I know I can add some conditional statement and display "No chart Div" and hide my "chart div", but i was some clean method to do the same.

推荐答案

您可以尝试以下解决方案:

You can try this solution:

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

这篇关于Chart.js不显示任何图表数据时的默认值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！