charts.css icon indicating copy to clipboard operation
charts.css copied to clipboard

Is there a way to make line thickness uniform for line charts?

Open treyholt opened this issue 3 years ago • 1 comments

I'm noticing that when there is a stark difference in height - width ratio between table rows, it results in a varied thickness of lines along the line chart. See the picture below for an example of what I mean (notice the first line is thin and tall, and the others are thicker). Curious if this is a known issue, or if there's a known way to manipulate the css to account for this. Will look into it myself if not.

Screen Shot 2022-09-13 at 2 38 59 PM

treyholt avatar Sep 13 '22 18:09 treyholt

It's a knows issue. If you have ideas how to fix that, please share.

ramiy avatar Sep 14 '22 13:09 ramiy

hello, if this issue has not had a PR submitted for it, would you mind me taking a look into this issue?

jem-n-em avatar Oct 01 '22 22:10 jem-n-em

@ramiy or @treyholt do any of you have an idea of where to begin looking in the source code? I've been toying around with lines in the Line Chart section of dist/charts.css and inside src/charts/_line.scss and I am not sure what I can change to toy with these lines.

jem-n-em avatar Oct 03 '22 02:10 jem-n-em

Hi @jem-n-em

As a user, you can change the line thickness using the --line-size custom property.

ramiy avatar Oct 03 '22 10:10 ramiy

@jem-n-em The clip-path rules in _line.scss are what draw the lines I believe.

russelporosky avatar Oct 31 '22 18:10 russelporosky