Как отключить пользовательскую диаграмму кендо легенды
Использование Kendo MVC Kendo Chart. Я хочу отключить легенду графика. Это выглядит так:
:
Я не хочу показывать левую сторону своего графика, так как я могу удалить эту легенду? Я пытался оправдать ложь, но я потерпел неудачу много раз.
@(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 #"))
)
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();