topic Re: adding interaction to custom visual in Developer

adding interaction to custom visual

Anonymous — Thu, 13 Jun 2024 06:17:39 GMT

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": {}

}

Re: adding interaction to custom visual

Anonymous — Fri, 14 Jun 2024 05:24:25 GMT

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.

Re: adding interaction to custom visual

Anonymous — Tue, 18 Jun 2024 06:13:23 GMT

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