我使用的是剑道饼图,如果没有要显示的数据,我想将其配置为显示消息。我正在使用以下js函数配置饼图 - 使用变量" JsPieChartDataSet"是一组JSON格式的数据。
是否有可以设置为在没有数据时显示消息的属性?
function pieType() {
/*Pie chart render*/
$("#piechart").kendoChart
({
theme: $(document).data("kendoSkin") || "metro",
title: { visible: true, color: "black", margin: 0, text: JsBreakdownPieTitle },
legend: { position: "bottom", margin: 0 },
seriesDefaults:
{
labels: {
template: "#= kendo.format('{0:P}', percentage)#",
font: "8pt Arial, Helvetica, sans-serif",
visible: true,
distance: 10
},
type: "pie"
},
series: JsPieChartDataSet,
tooltip: {
visible: true,
format: "{0:N2} tCO2e",
font: "10px Arial, Helvetica, sans-serif"
}
});
}
答案 0 :(得分:1)
如果没有数据,Kendo饼图没有任何内置机制来显示消息。
如果没有可用数据,您可以隐藏图表并自行显示消息。见下面的例子。
HTML:
<div id="noDataNotification" style="display: none;">No data exists.</div>
JS:
if (JsPieChartDataSet.Items.Count == 0)
{
yourPie.Visible = false;
$("#noDataNotification").show();
}
PS。 Telerik论坛讨论了类似的问题: http://www.telerik.com/forums/no-data-message-pie-chart