Как использовать данные диаграммы кендо в шаблоне всплывающей подсказки?

Я относительно новичок в диаграммах кендо. У меня есть следующая диаграмма:

@(Html.Kendo().Chart<PlodWareWeb.Models.TotalDrilledBySize>()
    .Name("totalDrilledBySizeChart")
    .Title("Total Drilled By Size")

    .ChartArea(chartArea => chartArea.Background("transparent").Height(350))
    .DataSource(dataSource => dataSource.Read(read => read.Action("GetTotalDrilledBySizeChartData", "Home")))
    .Legend(legend => legend.Visible(false))
    .Series(series =>
    {
        series.Column(model => model.TotalDrilled, model => model.GroupName);
    })
    .CategoryAxis(axis => axis.Categories(model => model.HoleSize).Line(line => line.Visible(true)).Labels(labels => labels.Rotation(0)))
    .CategoryAxis(axis => axis.Categories(model => model.DisplayName)
    .Line(line => line.Visible(false))
    .Labels(labels => labels.Rotation(-90).Format("{0}")))
    .ValueAxis(axis => axis.Numeric().Labels(labels => labels.Format("{0}")))

    .Tooltip(tooltip => tooltip.Visible(true).Format("{0}%").Template("#= series.name #: #= value #")
    )
)

Как я могу показать "model.DisplayName" и "model.HoleSize" как всплывающую подсказку в шаблоне? Я пробовал следующее, но это дает мне "undefined". Кто-нибудь может помочь? Спасибо.

.Template("#= model.DisplayName #: #= series.name #: #= value #")

or 

.Template("#= CategoryAxis.model.DisplayName #: #= series.name #: #= value #")

kendo-ui kendo-chart
person Siddik    schedule 13.02.2015    source источник

Ответы (1)


arrow_upward
8
arrow_downward

Чтобы получить доступ к данным диаграммы, вам необходимо использовать "dataItem" следующим образом;

.Tooltip(tooltip => tooltip.Visible(true).Format("{0}%").Template("#= dataItem.DisplayName # #= dataItem.HoleSize #: #= series.name #: #= value #")

Надеюсь это поможет.

person Mahib    schedule 13.02.2015