Skip to main content
15-Moonstone
May 19, 2025
Solved

Line chart- tick labels css

  • May 19, 2025
  • 1 reply
  • 338 views

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.

Best answer by PEHOWE

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

1 reply

PEHOWE17-PeridotAnswer
17-Peridot
May 21, 2025

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