Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.
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 😄
Solved! Go to Solution.
It depends on the parent element. You may use JavaScript syntax as shown below.
constructor(options: VisualConstructorOptions) { options.element.style.overflow = 'auto';
Based on my experience, you can simply use CSS overflow Property.
Can you advise me what the object would be called in the css?
It's certainly clear.
overflow: scroll;
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
It depends on the parent element. You may use JavaScript syntax as shown below.
constructor(options: VisualConstructorOptions) { options.element.style.overflow = 'auto';
Thank you for this answer.
Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City
Check out the April 2024 Power BI update to learn about new features.
User | Count |
---|---|
16 | |
2 | |
2 | |
1 | |
1 |