Question

我使用kendo dataviz图表并希望添加备注。这是我写的代码

   $("#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 #"
            }
        });

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

如果“EventName”属性中有数据（我已经检查过），请帮我查一下为什么不显示注释。我想提一下，我使用的是kendo ui 2013.1.514版本。

提前谢谢。

Answer 1

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

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

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

Kendo关于Notes功能的文档位于http://docs.telerik.com/kendo-ui/dataviz/chart/notes。

未显示剑道线图注释

1 个答案: