React Chart - series.point.hoverStyle

Configures the appearance adopted by a series point when a user pauses on it.

color

Specifies the color of series points in the hovered state.

This property supports the following colors:

You can also specify a custom pattern or gradient instead of a plain color. Call the registerPattern() or registerGradient() method to obtain a fill ID. Assign that value to the fillId field.

This functionality is available for the following Chart series:

App.js
  • import React from 'react';
  • import Chart, { Series, Point, HoverStyle } from 'devextreme-react/chart';
  •  
  • // ...
  • const fill = {
  • fillId: customPatternId
  • };
  •  
  • export default function App() {
  • return (
  • <Chart ... >
  • <Series ... >
  • <Point ... >
  • <HoverStyle color={fill} />
  • </Point>
  • </Series>
  • </Chart>
  • );
  • }