PivotTable Chart DataLabel

[Dionisio Luis]

Good Evening,

I would like to know if its possible to activate ( how to ) on PivotTable-Chart like we do on Chart the DataLabel .

This is on Chart Component

  <ChartMarker Visible="false" Width="10" Height="10">

                            <ChartDataLabel Visible="true" [email protected] LabelIntersectAction="True" EnableRotation="true">

                                <ChartDataLabelFont Color="#1A1A1A" FontWeight="400" [email protected] />

                            </ChartDataLabel>

                        </ChartMarker>

In attach you can find an example.

Best Regards,

Dionisio Luis

Attachment: syncfusion_pivotChart_5a38fa7f.7z

[Sivamathi Natarajan]

Hi Dionisio Luis, 

 

Thanks for contacting Syncfusion support. 

 

We considered – “To provide data label support in makers” as feature and logged as a feature task in our database. And it will be available in a weekly patch release after the Volume 3 release. The feature is expected to be available on second week of October, 2020. You can track the same using below link

https://www.syncfusion.com/feedback/17207/ 

 

Until then kindly use the below work around to achieve your requirement.  Here need to prove a dictionary object as input for DataLabel property in PivotChartMarkerSettings.  

Code:  

 

<SfPivotView @ref="@Pivot" TValue="ProductDetails" > 

    <PivotViewDisplayOption Primary="Primary.Chart" View="View.Chart"></PivotViewDisplayOption> 

    …… 

    ……. 

    <PivotChartSettings Title="Sales Analysis"> 

        <PivotChartSeries Type=ChartSeriesType.Column> 

            <PivotChartMarkerSettings DataLabel="@dataLabel"> 

            </PivotChartMarkerSettings> 

        </PivotChartSeries> 

    </PivotChartSettings> 

  …… 

  …… 

</SfPivotView> 

@code{ 

    ……… 

    ……… 

    Dictionary<string, string> dataLabel = new Dictionary<string, string>(); 

    protected override void OnInitialized() 

    { 

        this.dataLabel.Add("visible", "true"); 

        this.dataLabel.Add("enableRotation", "true"); 

        this.dataLabel.Add("position", "Auto"); 

    } 

} 

 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Pivot_Chart-1314445856

 

We appreciate your patience until then. 

 

Regards, 

Sivamathi. 

  

[Sivamathi Natarajan]

Hi Dionisio, 

 

Due to complexity, the mentioned implementation couldn’t be included in the weekly patch release. But it will be included in Vol 4 release which is estimated to be rolled out by the end of December 2020. 

 

We appreciate your patience until then. 

 

Regards,
Sivamathi.  

[Saranya Sivan]

Hi Dionisio, 

  

The reported requirement – “To provide data label support in markers” has been included in the weekly release  (v18.4.0.34) and it is available in nuget.org (https://www.nuget.org/).  

  

Kindly set PivotChartMarkerDataLabel property in PivotChartMarkerSettings property to "true" to display the data label in markers. Please check the below code example for your reference. 

  

Code Example: 

<PivotChartSettings Title="Sales Analysis"> 

        <PivotChartSeries Type=ChartSeriesType.Column> 

            <PivotChartMarkerSettings> 

                <PivotChartMarkerDataLabel Visible="true"></PivotChartMarkerDataLabel> 

            </PivotChartMarkerSettings> 

        </PivotChartSeries> 

    </PivotChartSettings> 

   

Meanwhile, we have prepared a sample for your reference. 

  

Sample:  https://www.syncfusion.com/downloads/support/directtrac/general/7z/PivotExample203994589 

   

Please let us know if you have concern. 

  

Regards, 

Saranya Sivan.