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.