Scrollbar in Legend (Line Chart)

[pshashipreetham]

Hello,

I have a line chart, but when Mashup is loaded in Runtime, I see a Scroll bar in the legend. Can this be hidden?

Thingworx version: 9.3.4

Thanks,

[Sathishkumar_C]

Not sure about hiding the scroll bar. But try to add custom CSS to modify the scroll bar size and color.

[pshashipreetham]

Hi @Sathishkumar_C ,

I tried it, but that will not affect Legend's Scroll bar.

Thanks

[Sathishkumar_C]

Tried in Thingworx 9.3.4, custom CSS not working on Legend's Scroll bar.

It's seems, Thingworx 9.x widgets are designed with web components. Scroll bar CSS is not working on web components widgets. 

[pshashipreetham · Accepted solution]

So,

Thanks, to  @Rajkumar_20673, after a couple of tries following CSS worked:

/* ------------------------------ Legend width---------------------------*/
ptcs-chart-line::part(legend) {
width: 110px !important;
padding: 2px !important;
margin: 0px !important;
}

 
Thanks,