Skip to main content
pshashipreetham
18-Opal
pshashipreetham18-Opal
18-Opal
May 29, 2024
Solved

Hide Line Chart Zoom Range

  • May 29, 2024
  • 1 reply
  • 1104 views

Hi,

 

I am trying to hide the Line Chart Zoom Range:

pshashipreetham_0-1716962957575.png

 

I have followed the following CSS from the Article:

Article - CS377455 - Applying Custom CSS Styling to Web Component Widgets in ThingWorx Platform 9.3.4+ (ptc.com)

 

CSS:

 

@supports (ptcs-style-unit: "PTCS-CHART-ZOOM-RANGE") 
{
 [part = range-picker]
 {
 display: none !important;
 height : 0px;
 padding : 0px !important;
 }
}

 


But, this CSS not working, can someone please help.

Thanks,

Best answer by pshashipreetham

Hi @Tone ,

 

Thanks for the Response; for a use case, I want those properties to be enabled but not show on the Dashboard.

 

Thanks for the CSS it worked successfully:

/*Zoom Range Picker*/
@supports (ptcs-style-unit: "PTCS-CHART-ZOOM") {
 [part=range-picker] {
 		 display: none !important;
 }
}

1 reply

T
Tone5-Regular Member
5-Regular Member
May 29, 2024

Hi,

 

try the following CSS:

/*Zoom Range Picker*/
@supports (ptcs-style-unit: "PTCS-CHART-ZOOM") {
 [part=range-picker] {
 		 display: none !important;
 }
}

The zoom range of the chart is also adjustable in the properties:

 

Screenshot 2024-05-29 at 16.11.15.png

 

pshashipreetham
18-Opal
pshashipreetham18-OpalAuthorAnswer
18-Opal
May 30, 2024

Hi @Tone ,

 

Thanks for the Response; for a use case, I want those properties to be enabled but not show on the Dashboard.

 

Thanks for the CSS it worked successfully:

/*Zoom Range Picker*/
@supports (ptcs-style-unit: "PTCS-CHART-ZOOM") {
 [part=range-picker] {
 		 display: none !important;
 }
}
Terms & ConditionsCookie settingsAccessibility statement