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

Community Tip - If community subscription notifications are filling up your inbox you can set up a daily digest and get all your notifications in a single email. X

Can I adjust padding of LineChart Widgets?

AL_10742319
3-Visitor

Can I adjust padding of LineChart Widgets?

I have limitation of area 

I have to custom adjust padding

linechartissue1.png

and I have to set height of this (am not sure it's "svg" or "#chart")

linechartissue3.pnglinechartissue2.png

1 ACCEPTED SOLUTION

Accepted Solutions

Hello @AL_10742319 ,

 

This is previously asked question and has been resolved. Kindly check the community post for the same:

https://community.ptc.com/t5/ThingWorx-Developers/Line-Chart-Padding-Issue/m-p/766252#M55995%3Fsource=search

 

also, you can try using the Custom CSS :

ptcs-chart-line::part(chart-layout) { 
  padding: <padding_value>; 
}

ptcs-chart-pareto::part(chart-layout) { 
  padding: <padding_value>; 
}

 

View solution in original post

6 REPLIES 6

Hello @AL_10742319 ,

 

This is previously asked question and has been resolved. Kindly check the community post for the same:

https://community.ptc.com/t5/ThingWorx-Developers/Line-Chart-Padding-Issue/m-p/766252#M55995%3Fsource=search

 

also, you can try using the Custom CSS :

ptcs-chart-line::part(chart-layout) { 
  padding: <padding_value>; 
}

ptcs-chart-pareto::part(chart-layout) { 
  padding: <padding_value>; 
}

 

Thank you for answer!
now I can adjust using the Custom CSS :

ptcs-chart-line::part(chart-layout) { 
  padding: 0;
}

 padding: 0;

AL_10742319_1-1712648109084.png

 

 

TonyZhang
13-Aquamarine
(To:AL_10742319)

Hi @AL_10742319,

Have you enabled SparkView for Line Chart?

Have you tried configuring the paddings in Style Properties > chart-layout?

TonyZhang_0-1712635239396.png

 

Thank you for answer!
I have enabled SparkView, but in Style Properties don't not have chart-layout 
AL_10742319_0-1712647909876.png

 

now I can adjust using the Custom CSS :

ptcs-chart-line::part(chart-layout) { 
  padding: 0;
}

 

TonyZhang
13-Aquamarine
(To:AL_10742319)

Great! looks like the padding is exposed through Style Properties > chart-layout since TWX 9.3.4, so it's not available in older versions. 

Sorry, my ThingWorx is  ThingWorx 9.3.1-b156 

Top Tags