ASP.NET MVC Syncfusion 条形图图例形状不起作用

Question

我一直在尝试自定义 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).Shape(ChartShape.Hexagon)).Title("Pre - Funding Audit Report").Render()

</div>
</div>

我用Shape(ChartShape.Hexagon)方法调用了图例的Shape

Answer 1

我们建议您使用填充属性来更改系列颜色。您可以使用 LabelFormat 属性和使用 LegendShape 属性为 y 轴标签添加百分比，您可以更改图例图标。请检查以下代码段和屏幕截图。

@Html.EJS().Chart("container").Series(
sr =>
{
    sr.Fill("orange").ColumnSpacing(0.1).Marker(mr => mr.DataLabel(dl => 
    dl.Visible(true))).          
    LegendShape(Syncfusion.EJ2.Charts.LegendShape.Rectangle).Add();
}).PrimaryXAxis(
    xAxis => {        
    xAxis.MajorTickLines(mt=>mt.Width(0)).MajorGridLines(mg=>mg.Width(0));  })
.PrimaryYAxis(
    yAxis=>yAxis.LineStyle(ls=>ls.Width(0)).MajorTickLines(mt => 
    mt.Width(0)).MajorGridLines(mg => mg.Width(0)).LabelFormat("{value}%"))
.LegendSettings(ls=>ls.ShapeHeight(5).ShapeWidth(20))
.Render()

样本：https://www.syncfusion.com/downloads/support/directtrac/general/ze/SeriesFill-1342476938.zip

微博：

https://ej2.syncfusion.com/aspnetmvc/documentation/chart/axis-customization/ https://ej2.syncfusion.com/aspnetmvc/documentation/chart/chart-annotations/

注意：如果要在图表中添加自定义图例，可以使用注释属性。

ASP.NET MVC Syncfusion 条形图图例形状不起作用

ASP.NET MVC Syncfusion Bar Chart Legend shape does not working

asp.net-mvc

syncfusion