If I remove <AccumulationChartLegendSettings Visible="false"></AccumulationChartLegendSettings> then the labels are displayed but the chart animation replays on ever refresh which I trying to avoid.
Note behaviour only occurs if the chart is hosted inside a Dashboard layout tile.
<div style="height:100%; width:100%">
<SfAccumulationChart EnableBorderOnMouseMove="false" Title="Name of controls component" EnableSmartLabels="true">
<AccumulationChartTooltipSettings Enable="true"></AccumulationChartTooltipSettings>
<AccumulationChartLegendSettings Visible="false"></AccumulationChartLegendSettings>
<AccumulationChartSeriesCollection>
<AccumulationChartSeries DataSource=@ResponseChartPoints XName="Response" YName="Value" Name="Responses" StartAngle="60" InnerRadius="0%">
<AccumulationChartAnimation Enable=@false></AccumulationChartAnimation>
<AccumulationDataLabelSettings Visible="true" Name="Response" Position="AccumulationLabelPosition.Outside"></AccumulationDataLabelSettings>
</AccumulationChartSeries>
</AccumulationChartSeriesCollection>
</SfAccumulationChart>
</div>
<style>
.e-chart {
width: inherit !important;
height: inherit !important;
}
.e-accumulationchart {
width: inherit !important;
height: inherit !important;
}
</style>
@code {
public List<ComplianceeData> ResponseChartPoints { get; set; } = new List<ComplianceeData>
{
new ComplianceeData { Response = "1 - Compliant (verified through testing)", Value = 46 },
new ComplianceeData { Response = "2 - Compliant", Value = 26},
new ComplianceeData { Response = "3 - Partially compliant", Value = 19 },
new ComplianceeData { Response = "4 - Non-compliant", Value = 17 },
new ComplianceeData { Response = "N - Not applicable", Value = 12 },
new ComplianceeData { Response = "X - Status not known", Value = 10 },
};
public class ComplianceeData
{
public string Response { get; set; }
public double Value { get; set; }
}
}