make custom visuals scrollable

[rkqpbiviz]

Hello - I am developing a custom visual in Power BI using typescript and the inbuilt d3 library, it is basically a very specific bullet chart - everything is going pretty well except for one thing - is there a simple way to make the visual scrollable? I've been looking at d3 solutions but they all seem fairly labour intensive so I wanted to know was there an inbuilt object or something similar? Thank you in advance 😄

[v-chuncz-msft]

@rkqpbiviz,

Based on my experience, you can simply use CSS overflow Property.

[rkqpbiviz]

Can you advise me what the object would be called in the css? 

[v-chuncz-msft]

@rkqpbiviz,

It's certainly clear.

overflow: scroll;

[rkqpbiviz]

Sorry, perhaps I not been clear - 

In the link to the example you posted, it suggested using 

div {

overflow:scroll;

}

My question is, in the context of the power BI visual, what is the right term to use instead of div? i.e.

WhatShouldBeWrittenHere{

overflow: scroll;

}

Div does not work and I don't know what the right thing to use in this context

[v-chuncz-msft · Accepted solution]

@rkqpbiviz,

It depends on the parent element. You may use JavaScript syntax as shown below.

        constructor(options: VisualConstructorOptions) {
			options.element.style.overflow = 'auto';

[kerski]

Thank you for this answer.

[rkqpbiviz]

Perfect thank you! @v-chuncz-msft