问题标签 [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 回答
348 浏览

javascript - 当包括胜利图时,反应原生滑块变得迟钝并且状态值变化最近反映

问题是,当我在应用程序中只使用没有胜利图表的滑块时,只实现滑块,那么滑块就没有问题。但是当我将滑块与 victort 图表一起使用时,滑块会滞后,并且状态值的变化很晚才反映在屏幕上。

要查看带有屏幕截图/GIF 的完整详细信息,请单击此处

0 投票
1 回答
1497 浏览

javascript - 如何在胜利本机的面积图中制作可拖动光标

注意:我想要一个 react-native 的解决方案。我想在面积图上制作一个工具提示和一个可拖动的光标,其中有一条线通过可拖动的光标显示面积图的数据点。我只想标记来自数据集的数据点,而不是屏幕触摸点的和 y 值,只是在触摸屏幕时图表上的 x 和 y 值,它给出了数据集对应的最接近的值到屏幕。

我在互联网上搜索我发现了类似的东西,但它是用于反应并使用散点图,因为我对胜利原生库和反应原生库非常陌生,有人可以告诉如何用面积图制作一个反应原生的等效物. 这是我指的是看到的链接..

点我

我只是想用带有可拖动光标和工具提示的胜利本机中的面积图做一个类似的事情,它只在图表上标记数据点,而不是在屏幕坐标上。

任何人都可以根据我对胜利区域图的要求向我提供如何实现与上面提供的链接类似的 react-native 代码吗?还包括我想转换为 react-native 的反应代码。请有人帮帮我。

0 投票
1 回答
2081 浏览

react-native - Victory-native 的 VictoryBar 标签显示不正确

我无法让我的 VictoryBar 图表在我的 React Native 应用程序中正确显示标签。x 轴代表天数,y 轴代表数值。我希望图表在每个条形上方显示值,但它显示的是当天。我已经设置了标签属性,但它什么也没做。如图所示,当我 console.log(d) 时没有任何反应。这段代码的结果如下。

“react-native”:“0.59.9” “victory-native”:“^32.0.2” “react-native-svg”:“^9.5.1”,

谢谢

在此处输入图像描述

0 投票
2 回答
188 浏览

javascript - 基于数字键的对象数组的分组和总和

我正在尝试创建一个统计饼图。作为一个http response我从服务器获取一个列表,我需要使用它来绘制一个饼图。

例如: 收到的数据:

这是所需的输出:

请注意:x 是键,y 是相似键值的总和

我试过了data.forEach((item, index) => {})。在写完这篇文章之后,我实际上没有得到关于如何组合的线索Object.keys(item)Object.values(item)并且Object.values(item).reduce((a,b)=> return a+b;)

这可能听起来很愚蠢的问题,但任何帮助将不胜感激。:)

0 投票
0 回答
565 浏览

typescript - Victory Native - 在横轴上渲染标签

胜利新手在这里,我需要在交叉轴上渲染一些标签,但我不明白如何。我可以在 y 轴上制作它,但我不明白如何在 x 轴上渲染它们。我真的没有得到关于它的文档。

也许我没有把我需要的所有道具都放在标签中。我尝试了如下所示,但没有任何反应

我需要的是在胜利栏的每个栏下方渲染每个 data.x_axis 字符串。这是我通过此配置得到的:

在此处输入图像描述

0 投票
2 回答
2071 浏览

reactjs - 如何使胜利原生光标容器x和y轴线只与图形上的点相交而不与触摸点相交

如何使胜利本机光标容器 x 和 y 轴线仅与图形上的点相交而不与触摸点相交。由于默认情况下可拖动光标与触摸点相交,但我希望可拖动光标必须仅在该点相交无论我在哪里触摸图表,它都只显示图表上与我的触摸点相对应的最近点。

请一些关于如何做到这一点。

0 投票
0 回答
754 浏览

javascript - Animate endAngle of Victory Pie Chart in React Native componentDidMount

I'm using Victory Native charts in React Native and am attempting to animate the endAngle of Victory Pie chart from 0 to 360 to produce an effect similar to this.

I include a simplified version of my code. Simplified in the sense that I have hardcoded the dynamic data into the initial state. My code is as follows:

When animating the endAngle as above, the chart doesn't appear despite this.state.endAngle changing from 0 to 360. No errors or warnings were output.

When defining a static value for the endAngle prop less than 360 but above 0, the chart instantly appears in that state. When omitting the endAngle prop it instantly appears as a full circle.

I have also tried starting animation as a callback on the onLoad.before property on the animate prop, but still get the same result.

0 投票
1 回答
1251 浏览

reactjs - 如何更改 VictoryTooltip 的 fontStyle 和边框颜色

如何更改 VictoryTooltip 组件中的以下内容: - 字体样式 - 工具提示的边框颜色 - 工具提示文本周围的填充

0 投票
4 回答
3637 浏览

reactjs - 胜利本机:使用胜利条形图时,事件道具在本机反应中不起作用/事件在本机反应中未触发

我正在尝试实现 Victor 条形图,当用户单击条形图时,我想在其中执行一些操作。但是当使用文档中给出的事件道具(使用文档中给出的相同示例代码)但事件没有触发时。您还可以使用此链接在snack.expo.io 上查看我的实现... ClickMe

包版本是:

这是相同的代码供您参考...

注意: 我还使用了“onPressIn”、“onClick”和“onPress”,它们都不起作用。

请帮帮我

0 投票
1 回答
336 浏览

javascript - 胜利图 - 布局问题

我有这张胜利图:

胜利图

它在这个沙盒上可用: https ://codesandbox.io/s/victory-layout-issue-mkrdy

不幸的是,当只有一个数据元素可用时,图表的布局不是很好。仅显示 VictoryScatter 中的黄点。灰色区域或标签均未显示。我该如何解决这个问题?

在此处输入图像描述