Skip to content

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

Closed

Description

@treyholt

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

Activity

  1. ramiy commented on Sep 14, 2022

    @ramiy
    Collaborator

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

  2. jem-n-em commented on Oct 1, 2022

    @jem-n-em

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

  3. jem-n-em commented on Oct 3, 2022

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

  4. ramiy commented on Oct 3, 2022

    @ramiy
    Collaborator

    Hi @jem-n-em

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

  5. russelporosky commented on Oct 31, 2022

    @russelporosky

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

  6. locked and limited conversation to collaborators on Jun 29, 2023
  7. converted this issue into a discussion #82 on Jun 29, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions