#c# #kendo-ui #razor-pages
#c# #kendo-пользовательский интерфейс #razor-страницы
Вопрос:
Есть ли возможность в диаграмме кендо как-то отобразить разницу между столбцами, которые находятся рядом друг с другом — вы можете видеть, чего я пытаюсь достичь на экране (синяя ручка означает значение столбца, а красная ручка — моя цель):
Код диаграммы:
@(Html.Kendo().Chart(Model.Stats)
.Name("columnChart")
.Title("some title")
.Legend(legend => legend
.Visible(false)
)
.ChartArea(chartArea => chartArea
.Background("transparent")
)
.Series(series => {
series.Column(column => column.TotalAmount).Name("Total amount").Color("#007DC5");
})
.CategoryAxis(axis => axis
.Categories(categories => categories.Date)
.Labels(labels => labels.Rotation(-90))
.MajorGridLines(lines => lines.Visible(false))
)
.ValueAxis(axis => axis
.Numeric()
.Min(0)
.Max(Model.GetMax)
.Line(line => line.Visible(false))
.MajorGridLines(lines => lines.Visible(true))
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Template("#= series.name #: #= value #")
)
)
Комментарии:
1. Вероятно, вы могли бы заставить это работать. Я бы заподозрил, что это будет связано с пользовательским шаблоном для ярлыка. Я полагаю, что с помощью шаблона вы могли бы предоставить себе доступ к данным диаграммы, где вы могли бы использовать некоторую логику для извлечения необходимых вам данных.
2. В качестве альтернативы вы также можете просто включить второй набор данных диаграммы, т. Е. линейную диаграмму, используя другой масштаб, чтобы показать разницу, чтобы у вас было 2 ряда на диаграмме, а не 1. Это может быть понятнее. Я думаю, это просто сводится к тому, каков ваш вариант использования.
3. Вы можете поиграть с визуальным свойством Label, например dojo.telerik.com/@ezanker/arAGErEL
4. Или вы можете использовать метки и примечания, чтобы показать 2 значения отдельно: dojo.telerik.com/@ezanker/aripAyAN
5. @ezanker большое вам спасибо, теперь я должен сделать это в Kendo MVC