Javascript Recharts关闭特定行的工具提示

Javascript Recharts关闭特定行的工具提示,javascript,recharts,Javascript,Recharts,我有一个带有N行的折线图。一条线是固定的(y轴值固定且x轴值与所有其他线相同的直线,即时间值)。在大多数情况下,只有一条固定线和另一条线的值发生变化。两者都正确显示,但当我将鼠标悬停在它们上方时,工具提示将显示固定线的数据。我需要停止在工具提示中显示固定线数据点,并开始仅显示另一条线的数据(当图表上没有固定线时,显示正常) 工具提示只是: <Tooltip contentStyle={{ fontSize: 12 }} labelStyle={{ fontSize: 12 }} /

我有一个带有N行的
折线图。一条线是固定的(y轴值固定且x轴值与所有其他线相同的直线,即时间值)。在大多数情况下,只有一条固定线和另一条线的值发生变化。两者都正确显示,但当我将鼠标悬停在它们上方时,工具提示将显示固定线的数据。我需要停止在工具提示中显示固定线数据点,并开始仅显示另一条线的数据(当图表上没有固定线时,显示正常)

工具提示只是:

<Tooltip
  contentStyle={{ fontSize: 12 }}
  labelStyle={{ fontSize: 12 }}
/>
因此,重申一下-图表本身工作正常,唯一的问题是工具提示组件显示第一行的数据,而不仅仅是第二行的数据-不知道如何做到这一点,从工具提示显示中省略一行


这在Recharts中可能吗?

以防这对将来的任何人都有帮助

对于要隐藏工具提示的特定
,可以将
名称设置为
foo

数据的名称。此选项将在工具提示和图例中用于表示线。如果此选项未设置任何值,则将交替使用dataKey的值

然后使用CustomTooltip格式化程序并检查名称是否与特定行相同

const tooltipFormatter = ({ value, name }) => {
    if (name === 'foo') return
    return your-jsx-for-tooltip
}

<Tooltip formatter={tooltipFormatter} />
constToolTipFormatter=({value,name})=>{
如果(name=='foo')返回
返回jsx以获取工具提示
}

以防这对将来的任何人都有帮助

对于要隐藏工具提示的特定
,可以将
名称设置为
foo

数据的名称。此选项将在工具提示和图例中用于表示线。如果此选项未设置任何值,则将交替使用dataKey的值

然后使用CustomTooltip格式化程序并检查名称是否与特定行相同

const tooltipFormatter = ({ value, name }) => {
    if (name === 'foo') return
    return your-jsx-for-tooltip
}

<Tooltip formatter={tooltipFormatter} />
constToolTipFormatter=({value,name})=>{
如果(name=='foo')返回
返回jsx以获取工具提示
}

如果您尝试为不需要工具提示的组件添加一个参数tooltip=false怎么办?@FujiRoyale不幸的是,这没有任何作用。我还尝试了
tooltipType=“none”
,我在一个示例中找到了它,但它也不起作用。折线图文档中既没有提到
工具提示
,也没有提到
工具提示类型
。在简单的谷歌搜索之后,建议的答案似乎是制作一个自定义工具提示,并通过鼠标在点上移动来触发它。如果您尝试为不需要工具提示的组件添加参数tooltip=false会怎么样?@FujiRoyale不幸的是,这没有任何作用。我还尝试了
tooltipType=“none”
,我在一个示例中找到了它,但它也不起作用。折线图文档中既没有提到
工具提示
,也没有提到
工具提示类型
。在简单的谷歌搜索之后,建议的答案似乎是制作一个自定义工具提示,并通过鼠标在点上移动来触发它。
const tooltipFormatter = ({ value, name }) => {
    if (name === 'foo') return
    return your-jsx-for-tooltip
}

<Tooltip formatter={tooltipFormatter} />