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