Remove the time from the tracker/tooltip?

[acomito]

❔Question

I'm looking to format the time on the tooltip. Right now I'm using a scatter plot on top of a line chart

I see a few props but none seemed to work... trackerShowTime, showTime, etc... I tried passing them into ScatterChart, CartRow, and ChartContainer but they didn't seem to effect the tooltip's datetime format.

Your Environment

"react-timeseries-charts": "^0.15.5",

[acomito]

Maybe related to this

#286

[brandly]

this doesn't appear possible. TimeMarker has a showTime prop

react-timeseries-charts/src/components/TimeMarker.js

Lines 183 to 186 in aa9c9b3

	* You can hide the time displayed above the info box. You might do this because
	* it is already displayed elsewhere in your UI. Or maybe you just don't like it.
	*/
	showTime: PropTypes.bool,

which defaults to true.

react-timeseries-charts/src/components/TimeMarker.js

Line 213 in aa9c9b3

showTime: true,

when it's rendered by ChartContainer, no prop is passed thru, so we're locked into the default value:

react-timeseries-charts/src/components/ChartContainer.js

Lines 424 to 435 in aa9c9b3

	<TimeMarker
	width={chartsWidth}
	height={chartsHeight}
	showInfoBox={!!this.props.trackerValues}
	time={this.props.trackerPosition}
	timeScale={timeScale}
	timeFormat={this.props.format}
	infoWidth={this.props.trackerHintWidth}
	infoHeight={this.props.trackerHintHeight}
	infoValues={this.props.trackerValues}
	infoStyle={trackerStyle}
	/>

[brandly]

i guess it might be possible to not specify a tracker on the ChartContainer, and then render your own TimeMarker with showTime=false. the official TimeMarker is rendered with this surrounding transform, so i'm not sure if there would be alignment issues:

react-timeseries-charts/src/components/ChartContainer.js

Lines 419 to 424 in aa9c9b3

	<g
	key="tracker-group"
	style={{ pointerEvents: "none" }}
	transform={`translate(${leftWidth + paddingLeft},${paddingTop + titleHeight})`}
	>
	<TimeMarker

i'll try to loop back if i go down this route, but it's not a high priority at the moment.