Hi all, I’ve been trying to create a responsive line chart for our design system. I’ve created one that allows the designer to edit the line graph without having to detach the instance. Only issue is that the segments of the line disconnects when I stretch the graph vertically.
I use paddings to adjust the size of the line segments and I’m thinking the segments disconnects because padding doesn’t use a relative value. I’m looking for ideas to make this component work responsively while still maintaining the ability to adjust the line graph from instance to instance so that the graph can look realistic for the specific mockup it is used in. Any ideas?
Here’s a test file for the component: