如何禁用自定义图例 Kendo 图表

Question

使用 Kendo MVC Kendo 图表。我想禁用图表的图例。看起来像这样：

:

我不想显示图表的左侧，所以我怎样才能让这个图例消失？我试着把真变成假，但我失败了很多次。

   @(Html.Kendo().Chart(Model)
  .Name("chart")

.Title(title => title

    .Align(ChartTextAlignment.Center)

)

.Series(series =>
{
    series.Bar(
        model => model.Deger,
        model => model.Color
    )
    .Labels(labels => labels.Background("transparent").Visible(true));
})
.CategoryAxis(axis => axis
    .Categories(model => model.Parameter)
    .MajorGridLines(lines => lines.Visible(true))
            .Line(line => line.Visible(true))
)
.ValueAxis(axis => axis.Numeric()

            .MajorGridLines(lines => lines.Visible(true))
    .Visible(true)
)
  .ChartArea(chartArea => chartArea.Background("transparent"))
   .Tooltip(tooltip => tooltip
   .Visible(true)
                .Template("#= category #: #= value #"))
    )

Answer 1

只需将 .Legend(false) 添加到您的图表。

@(Html.Kendo().Chart(Model)
    .Name("chart")
    .Title(title => title.Align(ChartTextAlignment.Center))
    .Series(series =>
    {
        series.Bar(
            model => model.Deger,
            model => model.Color
        )
        .Labels(labels => labels.Background("transparent").Visible(true));
    })
    .CategoryAxis(axis => axis
        .Categories(model => model.Parameter)
        .MajorGridLines(lines => lines.Visible(true))
            .Line(line => line.Visible(true))
    )
    .ValueAxis(axis => axis.Numeric()
            .MajorGridLines(lines => lines.Visible(true)).Visible(true)
    )
    .ChartArea(chartArea => chartArea.Background("transparent"))
   .Tooltip(tooltip => tooltip
       .Visible(true)
       .Template("#= category #: #= value #"))
   .Legend(false)   
)

或者，您可以使用 JavaScript 控制图例。如果您想隐藏某些图例项，这很有用。

var chart = $("#chart").data("kendoChart");
chart.options.series[0].visibleInLegend = false;
chart.redraw();