ChartsCSS / charts.css

Open source CSS framework for data visualization.

Home Page:https://ChartsCSS.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

treyholt opened this issue · 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

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

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

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

Hi @jem-n-em

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

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