How to create datalabels in custom power bi visual?

[Anonymous]

How to use DataLabelManager class to create datalabels in custom power bi visual?

[v-janeyg-msft]

Hi, @Anonymous 

Here is the usage of 'DataLabelManager':powerbi-visuals-utils-chartutils/data-label-manager.md at master · microsoft/powerbi-visuals-utils-chartutils · GitHub

The DataLabelManager helps to create and maintain labels. It arranges label elements using the anchor point or rectangle. Collisions between elements can be automatically detected and as a result elements can be repositioned or get hidden.

Best Regards

Janey Guo

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[Anonymous]

Dear Janey,

Thank you for your response. I have followed the code but unable to understand how I can show customized data labels on bar chart. Tis article only shows how to get the datalabel, but I would require more info on how we can display the datalabels on bar chart.

[v-janeyg-msft]

Hi, @Anonymous 

Here are some references:

Objects and properties of Power BI visuals in Power BI embedded analytics for better embedded BI insights - Power BI | Microsoft Docs

Build a bar chart in Power BI embedded analytics for better embedded BI insights - Power BI | Microsoft Docs

Best Regards

Janey Guo

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[Anonymous]

Dear Janey,

Thank you once again for your reply.

I would require an example where datalabels should be shown on bar chart using custom visual. I have already created one bar chart, but not able to understand how to incorporate DataLabels and Legends into it.

If I could get any code reference then it's highly helpful.

[v-janeyg-msft]

Hi, @Anonymous 

You can domnload a sample here.

GitHub - microsoft/PowerBI-visuals-sampleBarChart: Bar Chart Custom Visual for tutorial.

Best Regards

Janey Guo

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[Anonymous]

Dear Janey,

Thank you for sharing the information.

I have issue with below line of code while adding legend data.

interface ViewModel{

    dataPoints: Datapoint[];

    legendData: LegendData;

    dataLabelsData: LabelEnabledDataPoint;

};

let legendData : LegendData = {

            dataPoints: [],

            title: "Testing"

        }

        legendData.dataPoints.push({

            label: "Legend Test",

            color: "blue",

            selected: false,

            identity: null

        });

        this.legend.drawLegend(this.viewModel.legendData, options.viewport); --Issue here in customVisualsHost.bundle.min.js file 

Can you please let me know where i'm doing wrong parameter insertion?

[v-janeyg-msft]

Hi, @Anonymous 

Can you share a screenshot of the error message?

You can also try e-mail contact:  pbicvsupport@microsoft.com  They are professional.

Best Regards

Janey Guo

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.