ChartsCSS / charts.css

Open source CSS framework for data visualization.
https://ChartsCSS.org
MIT License
6.17k stars 175 forks source link

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

Closed treyholt closed 1 year ago

treyholt commented 1 year ago

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
ramiy commented 1 year ago

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

jem-n-em commented 1 year ago

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 commented 1 year ago

@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.

ramiy commented 1 year ago

Hi @jem-n-em

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

russelporosky commented 1 year ago

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