如何使系列标签的可见性成为条件

Question

使用Dataviz和MVC，我想创建一个堆叠的图表（它正在工作）。但我只想显示序列标签，如果该序列的值大于零。

这是标记

@(Html.Kendo().Chart<ChartModel>(Model)
    .Name("chart")
    .Title("Pending Orders")
    .Legend(legend => legend
        .Visible(false)
    )
    .SeriesDefaults(seriesDefaults =>
        seriesDefaults.Column().Stack(true)
        .Labels(labels => labels.Background("transparent").Visible(true).Font("40px sans-serif").Position(ChartBarLabelsPosition.Center).Color("black"))
    )
    .Series(series =>
    {
        series.Column(model => model.OnTimeCount).Name("On Time").Color("Green");
        series.Column(model => model.WarningCount).Name("Warning").Color("Yellow"); 
        series.Column(model => model.AlertCount).Name("Alert").Color("Red"); 
    })
    .CategoryAxis(axis => axis
        .Categories(model => model.Day)
        .MajorGridLines(lines => lines.Visible(false))
    )
    .ValueAxis(axis => axis
        .Numeric()
        .Line(line => line.Visible(false))
        .MajorGridLines(lines => lines.Visible(false))
    )
    .Tooltip(tooltip => tooltip
        .Visible(true)
        .Template("#= series.name #: #= value #")
    )
)

在系列默认设置中，标签设置为可见。我想不出该在里面放些什么来使它有条件。我试过lamba表达式，但没有用。我认为必须有一种方法来访问序列值，但我不知道如何访问。

这是问题中的卡盘

.SeriesDefaults(seriesDefaults =>
    seriesDefaults.Column().Stack(true)
    .Labels(labels => labels.Background("transparent").Visible(true).Font("40px sans-serif").Position(ChartBarLabelsPosition.Center).Color("black"))
)

Answer 1

这里有一个通过使用上面建议的模板来解决这个问题的例子：

    labels: {
template: "#= (dataItem.Total > 0 ? dataItem.Total: '' ) #",
visible: true,
background: "transparent",
position: "center"
            }

Answer 2

我不确定你是否能按照你的想法来做，如果可以的话，你需要在标签上使用一个带有条件语句的模板：

.Labels(labels => labels.Template("#: dataItem.Value #")...

只需在视图模型中添加一个字段来显示标签，如果值为零，则用空字符串填充它可能会更容易。