没有值时是不是可以呈现 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 C
、Page D
、Page 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,
];
【讨论】:
对,但是对于这个图表0
和undefined
有不同的含义。 0 - 实际值为 0。undefined
- 缺少值。因此,在我的自定义工具提示中,我会说“抱歉,此特定日期的数据丢失”。
您是否找到任何解决数据丢失的方法并希望隐藏或显示工具提示以上是关于没有值时是不是可以呈现 recharts 工具提示事件?的主要内容,如果未能解决你的问题,请参考以下文章
使用 recharts ( Barchart ) 为响应式图表设置高度和宽度
Rechart 条形图:除了条形图啥都不显示? (全宽和全高?)
Recharts 响应式容器在 flexbox 中无法正确调整大小