Make Graph Responsive

[titojankowski]

Before window resized: Mouse hovered over June 02, 1996

After window resized smaller: Mouse hovered roughly over June 02, 1996, but reads to the left 350, November 13, 1988:

After window resized bigger: Mouse hovered roughly over June 02, 1996, but reads to the right, 368, December 09, 1999:

[grady-lad]

Hey @titojankowski This issue is to do with the responsiveness of the graph, maybe we can rename the issue make graph responsive And close issues #88 and #95 ???

[titojankowski]

Great idea!! Will do.

[titojankowski]

Merging here:

• Round dot is oblong on chart (Round dot is oblong on chart #88)
• Spacing on svg.linechart causes axis label to be overlapped (Spacing on svg.linechart causes axis label to be overlapped #95)

[grady-lad]

@titojankowski merged some work from #102 could you check it out again ?

[titojankowski]

Label position after resize - works!
Spacing on axis label - no more overlap!

Round dot is still oblong tho after resize.

@grady-lad

[grady-lad]

The round dot may have to be a different component. I.E A Path component which is styled as a circle via css, this would make it possible to show different shapes on different screen sizes

[titojankowski]

Is there a way to make the width and length the same...or just define a radius? That way at least it’s
not oblong. :0