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. |