With this data:
const data = [[1555819200000, 507741], [1555862400000, 505757], [1555905600000, 502]]
and this JSX for the chart:
<Chart size={[800, 300]} renderer="canvas">
<Settings
theme={getChartTheme()}
xDomain={{min: 1553861780116, max: 1556021780116}}
/>
<Axis
id={getAxisId('bottom')}
position={Position.Bottom}
showOverlappingTicks={true}
tickFormat={dateFormatter}
/>
<Axis id={getAxisId('left')} title={aggLabel} position={Position.Left} />
return (
<LineSeries
key={key}
id={getSpecId(key)}
xScaleType={ScaleType.Time}
yScaleType={ScaleType.Linear}
data={data}
xAccessor={0}
yAccessors={[1]}
timeZone="America/New_York"
/>
);
<LineSeries
id={getSpecId('threshold')}
xScaleType={ScaleType.Time}
yScaleType={ScaleType.Linear}
data={[[domain.min, watch.threshold], [domain.max, watch.threshold]]}
xAccessor={0}
yAccessors={[1]}
timeZone="America/New_York"
yScaleToDataExtent={true}
customSeriesColors={thresholdCustomSeriesColors}
/>
</Chart>
tooltips do not appear on hover. If the domain is not wider than the data, the tooltips appear, if not then they don't.
With this data:
const data = [[1555819200000, 507741], [1555862400000, 505757], [1555905600000, 502]]and this JSX for the chart:
tooltips do not appear on hover. If the domain is not wider than the data, the tooltips appear, if not then they don't.