图表:如何设置垂直实线(将鼠标悬停在数据点上时)?

时间:2019-11-27 06:45:31

标签: recharts

“图表”文档描述了如何在悬停过程中格式化数据点的样式以及工具提示。

但是,在悬停过程中,似乎没有在文档中描述出现的实线(除非我想念它)。

有没有可以格式化该行的道具?

(如果您不知道我在说什么,那是示例图片中“ Nov-14”上方的实心垂直线)

这是我的折线图和结果:

                     <ResponsiveContainer>
                        <LineChart data={this.props.data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
                            <CartesianGrid strokeDasharray="3 3" />
                            <XAxis dataKey="date" tickFormatter={xFormatter}/>
                            <YAxis dataKey="value" tickFormatter={yFormatter}/>
                            <Tooltip />
                            <Line type="monotone" dataKey="value" stroke="#4F80E4" strokeWidth={2}/>
                        </LineChart>
                    </ResponsiveContainer>

1 个答案:

答案 0 :(得分:1)

您将需要编辑光标:)

<Tooltip cursor={false}/>

//出题:由于您使用图表,您是否也可以看看我的问题Is there a way to set Background Color of XAxis