adding interaction to custom visual

[Anonymous]

i have created a histogram custom visual  to show summary statistics . but i can not add interaction to the visual . 

this is my visual.ts code 
can any one help me out . i will share my dataview also

here i share my visual.ts and capabilities files

https://github.com/anjucvijayan/custom-visual

Data view : 

"dataViewMappings": [

    {

      "scriptResult": {

        "dataInput": {

          "table": {

            "rows": {

              "select": [

                {

                  "for": {

                    "in": "UniqueID"

                  }

                },

                {

                  "for": {

                    "in": "Values"

                  }

                }

              ],

              "dataReductionAlgorithm": {

                "top": {}

              }

            }

          }

        },

[Anonymous]

thank you for your replay 
when i debuging my visual my visual.ts file  not receving my dataview. why it is so  

public update(options: VisualUpdateOptions😞 void {

        console.log('Visual update', options.dataViews);

        console.log('*****Work Area*****')

        console.log(options)

        console.log('*******************')

        debugger;

        if (!options ||

            !options.type ||

            !options.viewport ||

            !options.dataViews ||

            options.dataViews.length === 0 ||

            !options.dataViews[0]) {

            return;

        }

this is my capabilities.json https://github.com/anjucvijayan/custom-visual/blob/main/capabilities.json

my table in options view is null

[Anonymous]

Hi  @Anonymous ,

Adding interactions to custom visual objects requires interaction permissions.

Start by defining a variable via options.host.hostCapabilities.allowInteractions as whether or not interaction permissions are allowed.

Try code like below:

...
   let allowInteractions = options.host.hostCapabilities.allowInteractions;
   bars.on('click', function(d) {
       if (allowInteractions) {
           selectionManager.select(d.selectionId);
           ...
       }
   });

For the ts file you provide, you can interact with the visual object in two ways, by selecting and filtering.

For more details, you can refer to below document:

Visual interactions in Power BI visuals - Power BI | Microsoft Learn

Power BI visual data point selections - Power BI | Microsoft Learn

Best Regards,

Liu Yang

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