в кендо, как сделать всплывающую подсказку с пользовательской привязкой данных?

Я хотел бы показать пользовательскую всплывающую подсказку, когда мой пользователь наводит курсор на узел на линейной диаграмме.

В этой подсказке мне нужно выполнить привязку данных к строке, содержащейся в объекте, привязанном к серии.

В приведенном ниже примере класс MyObject имеет три свойства Date, Point и Point_Info.

@(Html.Kendo().Chart<MyObject>()
        .Name("chart")
        .Title("")
        .DataSource(ds => 
            ds.Read(read => read.Action("_X", "Y"))
        )
        .Series(series =>
        {
            series.ScatterLine(model => model.Date, model => model.Point);
        })
        .XAxis(x=>x
            .Date()
            .Title("Date")
        )
        .Tooltip(tooltip => tooltip
            .Visible(true)
           . Format("{1} on {0} -- #=Point_Info#")  <-- this doesnt work for me
        )
      )

kendo-ui kendo-asp.net-mvc kendo-chart
person stuck    schedule 23.10.2013    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вместо использования формата используйте .Template("#= customTip #"), где customTip — это одно из свойств в модели, которое содержит текст пользовательской всплывающей подсказки. Формат гораздо более ограничен и используется только для чисел.

person Mike Beeler    schedule 23.10.2013

arrow_upward
0
arrow_downward

Спасибо, Майк!

@(Html.Kendo().Chart<MyObject>()
        .Name("chart")
        .Title("")
        .DataSource(ds => 
            ds.Read(read => read.Action("_X", "Y"))
        )
        .Series(series =>
        {
            series.ScatterLine(model => model.Date, model => model.Point).Tooltip(x=>x.Template("#=dataItem.Point_Info#"));
        })
        .XAxis(x=>x
            .Date()
            .Title("Date")
        )
        .Tooltip(tooltip => tooltip
            .Visible(true)
        )
      )
person stuck    schedule 23.10.2013