Class PivotChartMarkerDataLabel
Allow options to customize the marker data label for the pivot chart.
Inheritance
Namespace: Syncfusion.Blazor.PivotView
Assembly: Syncfusion.Blazor.dll
Syntax
public class PivotChartMarkerDataLabel : OwningComponentBase
Constructors
PivotChartMarkerDataLabel()
Declaration
public PivotChartMarkerDataLabel()
Properties
Alignment
Allows to specify the alignment to data label.
Declaration
public PivotChartAlignment Alignment { get; set; }
Property Value
Type |
---|
PivotChartAlignment |
Angle
Allows to specify the rotation angle to data label.
Declaration
public int Angle { get; set; }
Property Value
Type |
---|
System.Int32 |
Border
Allow options to change the border of the data label on the pivot chart series marker.
Declaration
public PivotChartMarkerDataLabelBorder Border { get; set; }
Property Value
Type |
---|
PivotChartMarkerDataLabelBorder |
Examples
Context
Allows set the context for markers.
Declaration
public string Context { get; set; }
Property Value
Type |
---|
System.String |
EnableRotation
Allows to specify the rotation angle to data label.
Declaration
public bool EnableRotation { get; set; }
Property Value
Type |
---|
System.Boolean |
Fill
Allows to set the background color of the data label accepts value in hex and rgba as a valid CSS color string.
Declaration
public string Fill { get; set; }
Property Value
Type |
---|
System.String |
Font
Allow options to change the font of the data label on the pivot chart series marker.
Declaration
public PivotChartMarkerDataLabelFont Font { get; set; }
Property Value
Type |
---|
PivotChartMarkerDataLabelFont |
Examples
LabelIntersectAction
Allows to set the label intersect action for datalabel.
Declaration
public string LabelIntersectAction { get; set; }
Property Value
Type |
---|
System.String |
Margin
Allow options to change the margin of the data label on the pivot chart series marker.
Declaration
public PivotChartMarkerDataLabelMargin Margin { get; set; }
Property Value
Type |
---|
PivotChartMarkerDataLabelMargin |
Examples
Opacity
Defines opacity of the datalabel.
Declaration
public double Opacity { get; set; }
Property Value
Type |
---|
System.Double |
Position
Allows to specify the position of the data label. They are, Outer: Positions the label outside the point. Top: Positions the label on top of the point. Bottom: Positions the label at the bottom of the point. Middle: Positions the label to the middle of the point. Auto: Positions the label based on series.
Declaration
public LabelPosition Position { get; set; }
Property Value
Type |
---|
LabelPosition |
Rx
Allows to set the roundedCornerX for the data label. It requires Border
values not to be null.
Declaration
public int Rx { get; set; }
Property Value
Type |
---|
System.Int32 |
Ry
Allows to set the roundedCornerY for the data label. It requires Border
values not to be null.
Declaration
public int Ry { get; set; }
Property Value
Type |
---|
System.Int32 |
Template
Gets or sets a template that allows the appearance of data labels in the pivot chart series to be customized using own HTML elements for displaying desired UI. The ChartDataPointInfo is passed to the template as a context, allowing it to access the data points such as ${point.x} and ${point.y} and display the associated data point within a customized UI.
Declaration
public RenderFragment<ChartDataPointInfo> Template { get; set; }
Property Value
Type | Description |
---|---|
Microsoft.AspNetCore.Components.RenderFragment<ChartDataPointInfo> | The template content. The default value is |
Examples
<SfPivotView ID="Pivot" TValue="PivotProductDetails">
<PivotViewDisplayOption View=View.Chart></PivotViewDisplayOption>
<PivotChartSettings Title="Sales Analysis">
<PivotChartSeries Type="ChartType">
<PivotChartMarkerSettings>
<PivotChartMarkerDataLabel Visible="true">
<Template>
@{
var data = context as ChartDataPointInfo;
}
<table>
<tr>
<td align="center" style="background-color: #C1272D; font-size: 14px; color: #E7C554; font-weight: bold; padding: 5px"> @data.X :</td>
<td align="center" style="background-color: #C1272D; font-size: 14px; color: whitesmoke; font-weight: bold; padding: 5px"> @data.Y</td>
</tr>
</table>
</Template>
</PivotChartMarkerDataLabel>
</PivotChartMarkerSettings>
</PivotChartSeries>
</PivotChartSettings>
</SfPivotView>
Visible
Allows to set the visibility of data label to the series renders.
Declaration
public bool Visible { get; set; }
Property Value
Type |
---|
System.Boolean |
Methods
BuildRenderTree(RenderTreeBuilder)
Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Type | Name | Description |
---|---|---|
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder | __builder |
Dispose(Boolean)
Dispose unmanaged resources in the component.
Declaration
protected override void Dispose(bool disposing)
Parameters
Type | Name | Description |
---|---|---|
System.Boolean | disposing |
OnInitializedAsync()
Method invoked when the component is ready to start, having received its initial parameters from its parent in the render tree. Override this method if you will perform an asynchronous operation and want the component to refresh when that operation is completed.
Declaration
protected override Task OnInitializedAsync()
Returns
Type | Description |
---|---|
System.Threading.Tasks.Task | A System.Threading.Tasks.Task representing any asynchronous operation. |
OnParametersSetAsync()
Method invoked when the component has received parameters from its parent in the render tree, and the incoming values have been assigned to properties.
Declaration
protected override Task OnParametersSetAsync()
Returns
Type | Description |
---|---|
System.Threading.Tasks.Task | A System.Threading.Tasks.Task representing any asynchronous operation. |