剑道折线图注释不显示

Question

我使用剑道数据可视化图表并想添加注释。这是我写的代码

   $("#resultChart").kendoChart({
            dataSource: resultsDataSource,
            title: {
                text: "Results"
            },
            legend: {
                position: "bottom"
            },
            chartArea: {
                background: ""
            },
            seriesDefaults: {
                type: "line"
            },
            series: [{
                field: "Points",
                name: "Points",
                noteTextField: "EventName",
                notes: {
                    label: {
                        position: "outside"
                    },
                    position: "bottom"
                }
            }],
            valueAxis: {
                labels: {
                    format: "{0}"
                },
                line: {
                    visible: false
                },
                axisCrossingValue: -10
            },
            categoryAxis: {
                field: "EventDate",
                majorGridLines: {
                    visible: false
                }
            },
            tooltip: {
                visible: true,
                format: "{0}%",
                template: "#= series.name #: #= value #"
            }
        });

一切都按需要工作，即图表是用适当的数据绘制的，但没有显示注释。

请帮助我找出为什么不显示注释，如果"事件名称"属性中有数据（我已经检查过）。我想提一下，我正在使用剑道UI 2013.1.514版本。

提前谢谢你。

Answer 1

在系列定义中，您有 noteTextField: "EventName" ，这意味着您必须为数据源中的每个项目定义属性EventName，如@ccsakuweb所述。

这意味着在数据源中，数据项应如下所示：

var data = [
    { Id: 1, Name: "Result #1", EventName: "Note 1" },
    { Id: 2, Name: "Result #2", EventName: "Note 2" }
];

剑道关于笔记功能的文档位于 http://docs.telerik.com/kendo-ui/dataviz/chart/notes .