1

我使用 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版本。

先感谢您。

4

1 回答 1

0

在您的系列定义中,您有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

于 2014-10-17T18:46:13.957 回答