圆环图中不显示 3 位数字的标签(syncfusion 和 Blazor)

问题描述 投票:0回答:1

我在圆环图上显示标签时遇到问题。显示 2 位数字,但不显示 3 位数字。在syncfusion和blazor实现中。这是我的代码:

 _legalCustomersByStatusPieChartData.AddRange(_dashboardTotals.LegalCustomersByStatus.Select(x => new PieChartDataDTO() { Value = x.Value, Label = x.Key, Radius = "95%" }));
<PieChartComponent ChartPieResponse="_legalCustomersByStatusPieChartData" VisibleLabels="true" VisibleLegend="true" InnerRadius="55%" ChartTitle="@_legalCustomersPerStatusPieChartTitle" Palettes="@_chartPalettes"/>

 <SfAccumulationChart Height="120px">

    <AccumulationChartTooltipSettings Format="${point.x}" Enable="true"/>

    <AccumulationChartLegendSettings ToggleVisibility="false" Visible="@VisibleLegend" Reverse="true" Position="LegendPosition.Right"></AccumulationChartLegendSettings>

    <AccumulationChartSeriesCollection>

        <AccumulationChartSeries DataSource="@ChartPieResponse" Radius="Radius" InnerRadius="@InnerRadius" XName="Label" YName="Value" Palettes="@Palettes">

            <AccumulationDataLabelSettings Name="Value" Visible="@VisibleLabels" Position="AccumulationLabelPosition.Inside">

                <AccumulationChartDataLabelFont Color="white"/>

            </AccumulationDataLabelSettings>

        </AccumulationChartSeries>

    </AccumulationChartSeriesCollection>

    <AccumulationChartAnnotations>

        <AccumulationChartAnnotation Region="Regions.Series" X="50%" Y="50%">

            <ContentTemplate>

                <div style="display: flex;text-align: center;" id="annotation">

                    @(((MarkupString)ChartTitle).Sanitize())

                </div>

            </ContentTemplate>

        </AccumulationChartAnnotation>

    </AccumulationChartAnnotations>

</SfAccumulationChart>

charts blazor syncfusion .net-8.0 syncfusion-chart
1个回答
0
投票

我能找到的最佳选择是编辑显示标签(值)的图例,而不是仅显示标签,并在用户将鼠标悬停在该区域时借助工具提示来显示确切的数字,而不是直接在饼图上显示数字,例如我们现在就这么做。

© www.soinside.com 2019 - 2024. All rights reserved.