cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

ThingWorx Navigate is now Windchill Navigate Learn More

Translate the entire conversation x

Line chart- tick labels css

krishnakomal123
15-Moonstone

Line chart- tick labels css

Hi, 

 

Tried below code but no luck

 

@supports (ptcs-style-unit: "PTCS-CHART-AXIS") {
[part=tick-label] {
font-family : 'Segoe UI' !important;
}
}

 

Please provide custom css to effect x-axis and y-axis tick labels of line chart.

ACCEPTED SOLUTION

Accepted Solutions

Hello @krishnakomal123 ,

I have tested again and the font change is small but it seems to be working. 

/* Adjust the axis label background color and axis Label font size */
@supports (ptcs-style-unit: "PTCS-CHART-AXIS") {
     [part="tick-label"] { 
       font-size: xxx-large;
       font-family: 'Segoe UI';
       background: green;
    } 
}

What browser are you using (mine: Chrome Version 136.0.7103.114 (Official Build) (64-bit)

ThingWorx 9.6.1

Please let me know what configuration you are using.

Regards,

Pehowe

View solution in original post

1 REPLY 1

Hello @krishnakomal123 ,

I have tested again and the font change is small but it seems to be working. 

/* Adjust the axis label background color and axis Label font size */
@supports (ptcs-style-unit: "PTCS-CHART-AXIS") {
     [part="tick-label"] { 
       font-size: xxx-large;
       font-family: 'Segoe UI';
       background: green;
    } 
}

What browser are you using (mine: Chrome Version 136.0.7103.114 (Official Build) (64-bit)

ThingWorx 9.6.1

Please let me know what configuration you are using.

Regards,

Pehowe

Announcements


Top Tags