Commit 028de2e
authored
style(xy): Update area and line chart style (#2731)
* Reduce line stroke width
* Reduce area opacity
* Update line/area point styles
* Fix tests
* Update Jest snapshots for area chart rendering tests
* Update Jest snapshots for line chart rendering tests
* Update Jest snapshots for rendering bands in area chart tests
* test(vrt): update screenshots [skip ci]
* test(vrt): update screenshots [skip ci]
* Update the minimum line point visibility distance to match the area one
* Reduce highlighter point radius from 5 to 3
* Update stroke and strokeWidth for highlighted points
* Increase brush opacity for dark theme
* Highlight all line/area points when hovering over a bucket
* Fix test for highlighted area points
* test(vrt): update screenshots [skip ci]
* Enhance point highlighting logic by combining hovered and bucket highlighting states
* Fix style for isolated points
* Fix tooltip highlighting logic
* Update api
* Fix key issue
* Simplify tooltip highlighting
* Fix visibility logic for isolated data points
* test(vrt): update screenshots [skip ci]
* Separate bucket point highlighting logic from the hover highlighting
* Update highlighting tests
* test(vrt): update screenshots [skip ci]
* Update light and dark dimmed colors for line and area points
* Add focused stroke width to point styles
* Fix test
* Update api
* test(vrt): update screenshots [skip ci]
* Use utils functions to check the series type
* Fix highlighter fill color for bubble points
* Refactor highlighter theme configurations
* Update api
* Rename getBucketHighlightedPointsSelector to getHighlightedPointsSelector
* Refactor highlighter to use seriesType directly
* Fix unit tests
* Use SeriesType const
* test(vrt): update screenshots [skip ci]
---------1 parent ee7b7c1 commit 028de2e
File tree
488 files changed
+641
-333
lines changed- e2e/screenshots
- all.test.ts-snapshots/baselines
- annotations-rects
- area-chart
- axes
- bar-chart
- bubble-chart-alpha
- debug-options
- grids
- interactions
- legend
- line-chart
- mixed-charts
- scales
- small-multiples-alpha
- streamgraph
- stylings
- test-cases
- annotations_stories.test.ts-snapshots/annotations-stories
- hover-state
- outside-annotations
- domain-x
- domain-y
- area_stories.test.ts-snapshots/area-series-stories
- accessor-formats
- area-with-isolated-data-points
- negative-log-areas
- non-stacked-linear-area-with-discontinuous-data-points
- axis_stories.test.ts-snapshots/axis-stories
- small-multiples
- axis-position-bottom
- axis-position-left
- axis-position-right
- axis-position-top
- theme-dark
- theme-light
- timeslip-multilayer-time-axis
- bar_stories.test.ts-snapshots/bar-series-stories
- domain-padding
- functional-accessors
- test-histogram-mode-linear
- enable-histogram-mode-is-false
- enable-histogram-mode-is-true
- point-alignment
- chart.test.ts-snapshots/chart/sizing
- grid_stories.test.ts-snapshots/grid-stories
- heatmap_stories.test.ts-snapshots/heatmap-stories/theme-dark
- interactions.test.ts-snapshots/interactions
- brushing
- mouse-cursor
- should-show-null-values-in-tooltip-if-configured
- tooltip-formatting
- tooltip-sync
- tooltips
- legend_stories.test.ts-snapshots/legend-stories
- legend-inside-chart
- line_stories.test.ts-snapshots/line-series-stories
- line-paths-for-ordered-values
- line-with-mark-accessor
- non-stacked-linear-line-with-discontinuous-data-points
- points-auto-visibility
- rotation
- mixed_stories.test.ts-snapshots/mixed-series-stories
- fitting-functions-stacked-charts-as-percentage
- area-charts-end-value-set-to-2
- area-charts-end-value-set-to-nearest
- area-charts-no-end-value
- area-charts-ordinal-dataset-no-end-value
- area-charts-with-curved-end-value-set-to-2
- fitting-functions-stacked-charts
- area-charts-end-value-set-to-2
- area-charts-end-value-set-to-nearest
- area-charts-no-end-value
- area-charts-ordinal-dataset-no-end-value
- area-charts-with-curved-end-value-set-to-2
- fitting-functions
- area-charts-end-value-set-to-2
- area-charts-end-value-set-to-nearest
- area-charts-no-end-value
- area-charts-ordinal-dataset-no-end-value
- area-charts-with-curved-end-value-set-to-2
- line-charts-end-value-set-to-2
- line-charts-no-end-value
- line-charts-with-curve-end-value-set-to-2
- stack-mode-percentage
- polarity-mixed/area-series
- polarity-negative/area-series
- polarity-positive/area-series
- stack-mode-silhouette
- polarity-mixed/area-series
- polarity-negative/area-series
- polarity-positive/area-series
- stack-mode-wiggle
- polarity-mixed/area-series
- polarity-negative/area-series
- polarity-positive/area-series
- scales_stories.test.ts-snapshots/scales-stories
- negative-values
- positive-values
- stylings_stories.test.ts-snapshots/stylings-stories
- fit-function-styling
- texture/area
- test_cases_stories.test.ts-snapshots/test-cases-stories
- data-points-outside-of-the-configured-y-domain
- isolated-point-styles
- legend-last-value-should-be-aligned-across-areas-and-bars
- timezone.test.ts-snapshots/time-zone
- tooltip.test.ts-snapshots/tooltip/chart-types/cartesian
- packages/charts
- api
- src
- chart_types/xy_chart
- renderer
- canvas
- dom
- rendering
- __snapshots__
- state
- selectors
- utils
- mocks
- utils
- themes
Some content is hidden
Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
488 files changed
+641
-333
lines changed
0 commit comments