Skip to content

Conversation

@jarib
Copy link

@jarib jarib commented Sep 8, 2018

A page using SparklinesLine will fail Google's mobile-friendly test because the "clickable elements are too close":

image

This change makes sure event handlers are only added if the user needs them.

tobilg pushed a commit to tobilg/react-sparklines-next that referenced this pull request Nov 10, 2025
, borisyankov#122, borisyankov#130

- PR borisyankov#46: Add gap support for null/NaN/Infinity values in data
  - Modified dataToPoints to mark invalid values with valid flag
  - Created segmentPoints utility to split data into valid segments
  - Updated SparklinesLine, SparklinesCurve, and SparklinesBars to handle gaps
  - Added comprehensive tests for gap handling

- PR borisyankov#113: Add fillInvert style option to SparklinesLine
  - Allows inverting the fill direction for line charts

- PR borisyankov#119: Add SparklinesInteractiveLayer component
  - New component for interactive hover/click with visual feedback
  - Shows active point with circle and vertical line

- PR borisyankov#122: Remove empty onMouseMove handler from SparklinesLine
  - Made tooltips conditional on onMouseMove presence

- PR borisyankov#130: Update README with improved code examples
  - Use proper JSX syntax highlighting
  - Wrap examples in function components

All tests passing (25 tests across 5 test files)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant