问题标签 [victory-charts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
7908 浏览

reactjs - TypeScript:覆盖和修复包的类型定义

我正在为图表使用React 胜利库,并且正在使用 TypeScript。我已将@types/victory包添加到我的项目中,但不幸的是,它缺少我需要的一堆关键定义。对于某些接口,它缺少几个属性,所以(使用这个答案),我创建了一个自定义文件来将这些属性添加到接口中。

但是,现在我有一个问题:为事件定义的接口有一个名为eventHandlersdefined 的属性,但它又缺少一个重要的定义,它是如何定义的:

但是,问题是该函数应该允许接受第二个参数,例如(我不确定第二个参数的类型,所以我有any):

所以,我试图在我自己的定义中包含这个属性:

但是现在,TypeScript 抱怨目录index.d.ts中的@typings,说它eventHandlers必须是我定义的类型。

有没有办法使用提供的类型定义文件,并以某种方式用我自己的定义“增强”它,类似于我在添加新属性时对其他接口所做的事情?

0 投票
1 回答
304 浏览

reactjs - 为什么 Victory Charts 组件不可组合?

我正在尝试创建一个 React 组件,它是一个折线图和散点图,如下所示: 在此处输入图像描述

带有圆圈的单行的 React 组件如下所示:

我正在尝试像这样使用组件:

但是Line组件没有被渲染。只有当我直接将它们作为函数调用时才会呈现它们,如下所示:

我正在尝试制作一个可重用的组件,所以我宁愿不必将它作为一个函数来使用。我也想了解为什么会这样。谢谢!

作为参考, 和 的data1data2

0 投票
1 回答
1563 浏览

javascript - VictoryChart:动态宽度取决于轴标签宽度

我在 React-Native 中使用了胜利原生,但无法弄清楚这一点。

我正在创建一个带有两个轴的 VictoryCandlestick,所以我有这样的东西:

在此处输入图像描述

我现在遇到的问题是我的数据是动态的,右边的数字可以达到数百万。有没有办法根据轴/标签的宽度计算我应该给轴的偏移量?否则,如果我更改 VictoryLabel textAnchor,我的文本会在屏幕右侧被截断,或者与图形重叠

0 投票
0 回答
59 浏览

javascript - 如何在 Mouseout 上隐藏胜利工具提示标签

有人可以帮我如何从胜利图表中隐藏 Mouseout 上的胜利工具提示标签即使在 Mouseout 之后它仍在折线图上显示工具提示标签

0 投票
0 回答
40 浏览

reactjs - 图表的意外行为

我正在使用胜利(-native)在应用程序中绘制图表,但不了解非常基本的图表的行为,如下所示:

预期的输出是一个图表,它显示了从左上角 (-36, 35) 到右下角 (0,0) 的一条线。

实际输出如下:
胜利图

数据点从何而来?

要测试代码,只需访问FormidableLabs并将代码粘贴到图表下方即可。

0 投票
1 回答
3317 浏览

react-native - 胜利原生可以与expo一起使用吗?

我正在使用Expo的应用程序中使用Victory Native图表库。然而,我遇到了一些胜利组件导致应用程序崩溃的问题,例如,这对于使用库非常重要。有谁知道是否可以与 Expo 一起使用?<VictoryChart>victory-native

我在这里了解到 Expo 不允许使用 Victory Native 可能使用的原生元素?

这是我所做的:

  1. exp init expo-victory-native-demo
  2. cd expo-victory-native-demo(从这里
  3. npm install --save victory-native react-native-svg
  4. npm install
  5. react-native link react-native-svg

然后我玩了在这里找到的演示,即将一些 Victory 组件放入 App.js,但是当我运行exp start应用程序时,如果存在实例,则在启动后立即崩溃<VictoryChart>,如果我只使用实例,则不是问题<VictoryBar>

有一个将 Victory Native 与 Expo 结合使用的演示(请参见此处),但我需要将其与使用 Expo 的现有较大项目构建一起使用,并且尝试在此演示之外使用 Victory Native 失败,如上所述。这也使用旧版本的 Expo 和 Victory Native。

为了完整起见,这是我崩溃的 App.js:

<VictoryChart>并且它在被移除时不会崩溃:

在此处输入图像描述

这是package.json

该问题可能与VictoryChart 不适用于 EXPO 23.0.0 有关

0 投票
1 回答
2574 浏览

victory-charts - VictoryLegend:如何相对定位(例如底部中心)

我正在使用 VictoryCharts,特别是VictoryLegend为我的图表呈现图例的组件。根据文档,这听起来像定位图例的唯一选项是绝对xy坐标。我正在尝试相对定位图例,例如“在中间的底部”。这是所需的外观:

图例居中在图表底部

因为我的图例中的系列标签是国际化的,字符数以及图例的宽度会根据区域设置而变化,因此硬编码x坐标以使图例居中不是一个选项。我也希望不必y根据图表的高度计算坐标。有什么方法可以相对定位VictoryLegend图表下方并水平居中?

0 投票
1 回答
544 浏览

reactjs - VictoryLine 应用线性渐变

我正在使用带有折线图的 Victory React Native 库,但我无法将 LinearGradient 添加到路径的笔划中。

有人能帮我吗?

0 投票
1 回答
546 浏览

react-native - 在Android中运行时,onPress在React Native的胜利图表中不起作用

React Native Victory 图表:在 android 中不会触发 onPress 或 onPressIn。但是在 iOS 中是可以的。

任何人都可以帮助我解决这个问题。

0 投票
1 回答
920 浏览

reactjs - 反应胜利给出错误提供给“VictoryLabel”的“对象”类型的无效道具“数据”,预期的“数组”

我正在使用 React 的胜利图表,我对正在发生的事情感到非常困惑。我收到以下错误:

我所拥有的非常简单,如下所示:

有人可以告诉我这里的问题吗?我不知道为什么我会收到错误!