I'm trying to figure out how to display the points of the XXXXX where all open, high, low and close are the same value (only one transaction on that date).
const Chart = (option) => {
let { chartDataOHLC } = option;
return (
<VictoryChart
scale={{ x: "time" }}
domainPadding={{ x: 10, y: 1 }}
height={200}
width={400}
padding={{ top: 10, bottom: 25, left: 30, right: 10 }}
style={{
data: { fontSize: 8, opacity: 1 },
labels: { fontSize: 8 },
parent: { fontSize: 8 }
}}
containerComponent={
<VictoryZoomContainer
zoomDimension="x"
/>
}
>
<VictoryAxis
style={{
tickLabels: {
fontSize: 7
}
}}
/>
<VictoryAxis
dependentAxis
orientation="left"
style={{ tickLabels: { fontSize: 7 } }}
/>
<VictoryCandlestick
data={chartDataOHLC}
candleColors={{ positive: '#336d16', negative: '#ff0000' }}
/>
</VictoryChart>
);
};