Skip to content

CrosshairsConfig ​

Example ​

ts
{
  value: {
    line: { color: '#1a1a1a', width: 1, style: 'dashed' },
    label: { backgroundColor: 'white', borderColor: '#1a1a1a' }
  },
  time: {
    line: { color: '#1a1a1a', width: 1, style: 'dashed' },
    label: { backgroundColor: 'white', borderColor: '#1a1a1a' }
  }
}

Properties ​

value ​

Configuration for the value (y-axis) crosshair. Set to false to disable.

time ​

Configuration for the time (x-axis) crosshair. Set to false to disable.

TypeScript ​

ts
interface CrosshairsConfig {
  value?: false | ValueCrosshairConfig;
  time?: false | TimeCrosshairConfig;
}

React Candlesticks is available on npm and GitHub under the MIT License.