没有值时是不是可以呈现 recharts 工具提示事件?

Posted

技术标签:

【中文标题】没有值时是不是可以呈现 recharts 工具提示事件?【英文标题】:Is it possible to render recharts tooltip event when there is no value?没有值时是否可以呈现 recharts 工具提示事件? 【发布时间】:2017-11-19 17:51:01 【问题描述】:

这是一个例子http://jsfiddle.net/obg92kw3/

当悬停在没有价值的类别上时,我想呈现工具提示。喜欢Page CPage DPage E

【问题讨论】:

【参考方案1】:

是的,你只需要给他们 0 值。更新了 jsfiddle 以显示它在这里工作 http://jsfiddle.net/obg92kw3/1/。

data 现在应该如下所示:

const data = [
      name: 'Page A', uv: 4000,
      name: 'Page B', uv: 3000,
      name: 'Page C', uv: 0,
      name: 'Page D', uv: 0,
      name: 'Page E', uv: 0,
      name: 'Page F', uv: 2390,
      name: 'Page G', uv: 3490,
];

【讨论】:

对,但是对于这个图表0undefined 有不同的含义。 0 - 实际值为 0。undefined - 缺少值。因此,在我的自定义工具提示中,我会说“抱歉,此特定日期的数据丢失”。 您是否找到任何解决数据丢失的方法并希望隐藏或显示工具提示

以上是关于没有值时是不是可以呈现 recharts 工具提示事件?的主要内容,如果未能解决你的问题,请参考以下文章

AG Grid 工具提示需要很长时间才能呈现

使用 recharts ( Barchart ) 为响应式图表设置高度和宽度

Rechart 条形图:除了条形图啥都不显示? (全宽和全高?)

Recharts 响应式容器在 flexbox 中无法正确调整大小

text #recharts #http://recharts.org/en-US

javascript 具有React Recharts的仪表图表(http://recharts.org)