Блог

Главная - Вопросы по программированию - ASP.NET Метка данных MVC не работает с использованием диаграммы Syncfusion

ASP.NET Метка данных MVC не работает с использованием диаграммы Syncfusion

#asp.net-mvc #syncfusion

Вопрос:

Я пытался добавить метку данных на свою гистограмму с помощью Syncfusion. Однако он не отображается в верхней части ряда данных, но когда я использовал всплывающую подсказку, она показывает метку данных. Я задавался вопросом, в чем может быть проблема, из-за которой метка данных блокируется для отображения на диаграмме. Вот мой код

 CSHTML FILE

<div class="box box-default">
<div class="box-body">
            @Html.EJS().Chart("container").Series(
            sr =>
           {
            sr.XName("Name").YName("Loan").Name("Loan Risk").Type(Syncfusion.EJ2.Charts.ChartSeriesType.Column).DataSource(ViewBag.dataSource).Add();
            sr.XName("Name").YName("Score").Name("Loan Score").Type(Syncfusion.EJ2.Charts.ChartSeriesType.Column).DataSource(ViewBag.dataSource).Add();
            sr.Marker(mr => mr.DataLabel(dl => dl.Visible(true).Position(Syncfusion.EJ2.Charts.LabelPosition.Top).Font(ff => ff.FontWeight("600").Color("#ffffff")))).DataSource(ViewBag.dataSource).Name("Users").Add();
                                                                                                                       
                                                                                                                    
            }).PrimaryYAxis(px => px.LabelFormat("p1").LabelStyle(ls => ls.Color("#21130d")).LineStyle(ls => ls.Width(0)).MajorTickLines(mg => mg.Width(0))
            .MajorGridLines(mg => mg.Width(0))
            ).PrimaryXAxis(px => px.LabelIntersectAction(Syncfusion.EJ2.Charts.LabelIntersectAction.Hide).Interval(1)
            .ValueType(Syncfusion.EJ2.Charts.ValueType.Category).MajorGridLines(mg => mg.Width(0))).Tooltip(tt => tt.Enable(true)
            ).ChartArea(area => area.Border(br => br.Color("transparent"))
            ).LegendSettings(lg => lg.Visible(true)).Title("Pre - Funding Audit Report").Render()

</div>
</div>

Вот мой вывод

Это тот макет, который мне нужен (метка данных находится в верхней части ряда данных).

Комментарии:

1. Я решил эту проблему! Ответ: sr.Маркер(mr => mr.Видимый(true)). Метка данных(dl => dl.Видимый(истинный))). XName(«имя_сумгр_к_борровера»). Имя («SumGr_QC_Loan_Risk»).Имя(«Кредитный риск»). Тип(Syncfusion.EJ2.Диаграммы. Диаграммы серийного типа. Колонка). Источник данных(ViewBag.источник данных).Добавить();

Ответ №1:

Поскольку положение метки данных внешнее, а цвет шрифта белый, метка данных не видна на белом фоне. Мы просим вас изменить цвет метки данных.

УГ : https://ej2.syncfusion.com/aspnetmvc/documentation/chart/data-labels/

Метки: