如何在工具提示模板中使用剑道图表数据？

Posted 2023-05-07

【中文标题】如何在工具提示模板中使用剑道图表数据？

【英文标题】：How to use kendo chart data in Tooltip Template?

【发布时间】：2015-04-14 00:31:11

【问题描述】：

我在剑道图表方面相对较新。我有一个图表如下；

@(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”显示为工具提示？我尝试了以下方法，但它给了我“未定义”。任何人都可以帮忙吗？谢谢。

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

或

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

【参考方案1】：

要访问图表的数据，您需要使用“dataItem”，如下所示；

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

希望这会有所帮助。