- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试实现 Victor 条形图,当用户点击条形图时我想在其中执行一些操作。但是当使用文档中给出的事件 Prop 这样做时(使用 docs 中给出的相同示例代码)但事件没有触发。您还可以使用此链接在 snack.expo.io 上查看我的实现... ClickMe
包版本是:
"react-native-svg": "^9.4.0",
"victory-native": "^32.0.2",
"expo": "^33.0.0",
"react": "16.8.3",
"react-dom": "^16.8.6",
"react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
这里有相同的代码供您引用...
注意: 我还使用了“onPressIn”、“onClick”和“onPress”,它们都不起作用。
<VictoryBar
data={[
{x: 1, y: 2, label: "A"},
{x: 2, y: 4, label: "B"},
{x: 3, y: 7, label: "C"},
{x: 4, y: 3, label: "D"},
{x: 5, y: 5, label: "E"},
]}
events={[
{
target: "data",
eventHandlers: {
onPressIn: () => {
return [{
target: "labels",
mutation: (props) => {
return props.text === "clicked" ?
null : { text: "clicked" }
}
}];
}
}
}
]}
/>
请帮帮我
最佳答案
尝试将 VictoryBar 包裹在 VictoryChart 中。 TouchableOpacity 里面的 VictoryChart 是这样的
<TouchableOpacity onPress={...}>
<VictoryChart containerComponent={<VictoryContainer disableContainerEvents />}
...>
<VictoryBar
... />
</VictoryChart>
</TouchableOpacity>
关于reactjs - 胜利 native : events props not working in react native/event not firing in react native when using victory bar chart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57227291/
我在 React Native (victory-native) 上使用 VictoryPie。我的目标是能够在 onClick (onPress) 时更改饼图的一片颜色。在任何时候,只有一个切片的颜
请帮助我完成 Victory Native Config 或满足以下要求: Victory Pie 的工具提示应该处于事件状态,并且即使在针对按下的扇区按下按钮后仍保持事件状态。此外,各个饼图扇区的所
我正在尝试在我的 Victory Native 饼图中对数据的变化进行动画处理。我根据 ComponentDidMount 方法中设置的重复超时从 API 获取数据。检索到数据后,我将其设置为一个状态
我用过 VictoryChart实现一个饼图,它工作正常...... render() { const data_distribution = this.state.pie_keys.map(
我正在使用 victory-native 图表来呈现饼图。我对如何将从 Rest API 获取的数据传递给传递给饼图的 {data} 感到困惑,因为它是“y”值。这是我的代码: import Reac
我有以下类,我想对其进行一些更改,以使其更“面向对象”且易于阅读。 public class CreateLeague extends AppCompatActivity { .... @
{ return [ { target: "data",
我正在使用 VictoryCharts,特别是 VictoryLegend为我的图表渲染图例的组件。根据 the docs听起来定位图例的唯一选项是绝对x和 y坐标。我试图相对地定位图例,例如“在中间
我目前正在使用 Victory 图表,并且在处理向 x 轴添加时间时遇到问题。我需要显示一个折线图,在 y 轴上显示 0 到 1(百分比)之间的数字,在 x 轴上显示时间。我已经查看了他们的文档并尝试
我在 React 中使用 Victory 图表,我对发生的事情感到非常困惑。我收到以下错误: Invalid prop `data` of type `object` supplied to `Vic
我正在尝试实现 Victor 条形图,当用户点击条形图时我想在其中执行一些操作。但是当使用文档中给出的事件 Prop 这样做时(使用 docs 中给出的相同示例代码)但事件没有触发。您还可以使用此链接
我是一名优秀的程序员,十分优秀!