@sproutsocial/seeds-react-data-viz 0.6.4 → 0.7.0

package/dist/esm/index.js

@@ -1188,18 +1188,21 @@ var useTimeSeriesChartOptions = ({
           point: {
             events: {
               /*
-                Custom hover behavior for multi-series column charts.
-                
-                In multi-series column charts, multiple columns
-                can share the same x-axis position (stacked or grouped). When hovering
-                over one column, we want ALL columns at that x-position to highlight
-                together for better visual feedback. Simple CSS :hover only affects the
-                individual element being hovered, not related columns at the same position.
-                
-                This custom behavior ensures that when you hover over any column at a
-                specific x-position, all columns at that same position get the "column-hover"
-                class, creating a unified highlight effect across all series.
-              */
+                              Custom hover behavior for multi-series column charts.
+              
+                              In multi-series column charts, multiple columns
+                              can share the same x-axis position (stacked or grouped). When hovering
+                              over one column, we want ALL columns at that x-position to highlight
+                              together for better visual feedback. Simple CSS :hover only affects the
+                              individual element being hovered, not related columns at the same position.
+              
+                              This custom behavior ensures that when you hover over any column at a
+                              specific x-position, all columns at that same position get the "column-hover"
+                              class, creating a unified highlight effect across all series.
+                            */
+              click: onClick && seriesType === "column" ? function(event) {
+                return onClick({ x: event.point.x });
+              } : void 0,
               mouseOver: function() {
                 const x = this.x;
                 if (this.series && this.series.chart && this.series.chart.series) {