ASP.NET MVC 数据标签无法使用 Syncfusion 图表
ASP.NET MVC Data Label is not working using Syncfusion chart
我一直在尝试使用 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>
Here's my output
This is the layout that I want (The Data label is at the top of the Data Series)
由于数据标签位置靠外,字体颜色为白色,所以数据标签在白色背景下是不可见的。我们要求您更改数据标签的颜色。
UG : https://ej2.syncfusion.com/aspnetmvc/documentation/chart/data-labels/
我一直在尝试使用 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>
Here's my output
This is the layout that I want (The Data label is at the top of the Data Series)
由于数据标签位置靠外,字体颜色为白色,所以数据标签在白色背景下是不可见的。我们要求您更改数据标签的颜色。
UG : https://ej2.syncfusion.com/aspnetmvc/documentation/chart/data-labels/