3

剣道円グラフを使用していますが、表示するデータがない場合にメッセージを表示するように構成したいと考えています。次の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"
            }
        });
    }
4

1 に答える 1

1

剣道円グラフには、データがない場合にメッセージを表示するメカニズムが組み込まれていません。

利用可能なデータがない場合は、チャートを非表示にして、メッセージを自分で表示できます。以下の例を参照してください。

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

于 2014-11-14T13:40:42.540 に答える