【问题标题】:Can a Kendo UI Pie chart tooltip contain the series category name?剑道 UI 饼图工具提示可以包含系列类别名称吗?
【发布时间】:2012-08-30 05:00:22
【问题描述】:

我正在以剃刀视图构建剑道图表并拥有

 .Tooltip(tooltip => tooltip.Visible(true))

我可以使用配置操作中的任何其他功能在工具提示中包含系列类别标题吗?

Template()Format() 的文档似乎是针对 JS 实现而不是 razor 实现的。

【问题讨论】:

    标签: asp.net-mvc razor kendo-ui


    【解决方案1】:

    您可以像这样添加特定的模板和格式:

    .Tooltip(tooltip => tooltip
        .Template("#=category# - #=value #")
        .Format("{0}%")
        .Visible(true)
    )
    

    这将为您提供如下所示的工具提示:

    水力 - 22%

    我相信同时使用 Template 和 Format 助手可能会导致一些冲突,但是您可以像这样在模板中添加格式:

    .Template("#=category# - #=kendo.format('{0}', value)#")
    

    【讨论】:

    • 完美。有没有关于如何在线使用.Template() 的文档?
    • 你可以在demos.kendoui.com/dataviz/pie-charts/index.html查看剑道演示,他们有javascript、aspx和razor的代码示例。不幸的是,它们并未涵盖所有示例,因此您可能会有所欠缺;我认为没有专门针对 MVC 的文档站点,但是一旦掌握了 MVC 助手的工作方式,您就可以翻译 javascript。
    • 如果我想在模板中使用标题文本呢?
    【解决方案2】:

    Templates

    当需要更大的灵活性时,可以使用 Kendo 模板定义工具提示内容。该模板提供对与该点相关的所有信息的访问:

    • value - 点值。价值维度可作为 属性,例如 value.x 和 value.y
    • 类别 - 类别 姓名。
    • series - 数据系列。
    • dataItem - 原始数据项(绑定到 dataSource 时)。

    【讨论】:

      【解决方案3】:

      你可以使用:

      .Tooltip(tooltip => tooltip
      .Visible(true)
      .Template("#= series.name #: #=kendo.format('{0:N0}', value)#")
      )  
      

      例如显示工具提示:

      MySerie : 1.234.567
      

      如果只使用:

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

      它显示:

      MySerie : 1234567
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多