问题标签 [victory-charts]

我正在使用Victory 库在 React 中绘制折线图，​​但它似乎根据线条是直的还是倾斜的来绘制不同宽度的线条。

它绘制的线条的屏幕截图：

在屏幕截图中，使用 绘制点，使用 绘制VictoryScatter线条VictoryLine。我注意到VictoryLine使用 进行绘制path，那么这是 SVGpath像这样绘制的限制吗？因为这对我来说似乎很奇怪！

我目前正在使用胜利图表，并且在处理向 x 轴添加时间时遇到问题。我需要显示一个折线图，在 y 轴上显示 0 到 1（百分比）之间的数字，在 x 轴上显示时间。我已经查看了他们的文档，并尝试了几种方案来让 x 坐标显示时间，但我没有看到数据库中的数据需要如何格式化才能显示为时间。我希望时间以“上午 10:30”等格式显示。我想格式化 x 轴数据并向 x 轴和 y 轴添加标签。我将如何实现这一目标？我应该使用 Date 对象还是字符串格式可以用于基于时间的数据？字符串可以接受哪种比例？

下面列出了我当前用于图表的 jsx 标签：

更新：我想尝试一种不同的方式，因为时间不适合我。我想尝试只显示月份和年份。有没有办法实现这一点，所以如果大部分时间都在 3 月 5 日和 6 日之间，它将显示月份之间的分界线，但这些分界线将在 3 月和 4 月之间显示？

这是我的图表最终的样子：

这是我在项目中想要的图表类型

该图表取自Victory Chart的教程，可以在此处找到相同的代码

现在我想要具有相似结构的图表，所以我尝试调整示例代码来表示我想要的数据，但我得到了这个：

如您所见，x 轴中刻度值之间的空格完全混乱，代码相同：

所以我的问题是如何在x 轴的刻度值之间创建间距。

我尝试使用多个 axios 请求来显示每个不同主题的图形数据，但得到的结果是图形显示都与下面的屏幕截图中所示相同，它仅显示最后一个数据，这里是编码：

“this.state.graphData”的结果在这里显示了每个不同主题的数据，但是图形显示都是一样的，我想为每个设备的图形显示每个图形数据，我知道该怎么做吗? 谢谢你。该图表正在使用 Victory Chart，并且正在使用 React。

我在反应原生（victory-native）上使用 VictoryPie。我的目标是能够在 onClick (onPress) 上更改饼图的一部分的颜色。在任何时候，只有一个切片的颜色应该更改为我的突出显示颜色。

使用 events 道具，我可以在 onPress 上更改切片的颜色，但无法在使用如下代码单击另一个切片时重置它：

理想情况下，我想使用附加的 eventKey 道具来为其他切片返回 {style: undefined} 。但我无法确定如何获取 eventKey 道具的其他元素数组。onPress 没有任何参数说明索引或元素。有没有其他方法可以让我知道在 onPress 函数中点击了哪个项目？

我在这里先向您的帮助表示感谢！

我是 react 新手，我想要的是，我想VictoryTooltip在函数中访问上下文orientation，我可以创建一个包装类VictoryTooltip并可以绑定上下文，但这会带来一些问题，我也想知道我们如何将函数绑定到传递组件（这应该是默认行为）。可能是我在这里遗漏了一些非常愚蠢的东西。但我有点困在这需要帮助。是的，我在这里提出问题之前也尝试过。

我可以知道如何使用胜利来制作实时折线图吗？

胜利库：https ://github.com/FormidableLabs/victory

这是添加新温度时，它会自动更新到图表中。现在我将它与 Redux 一起使用，我使用的后端是环回。我可以知道如何实时进行吗？谢谢你。

我正在尝试将数据从VictoryChart. 实现图表非常容易。要实现饼图，您所要做的就是以下...

注意data格式，它是某种关联数组的数组[{...},{...}]

现在，在我的状态下，我有一个叫做pie_dataand的东西pie_keys。本质上，pie_data只是一个对象...

并且pie_keys只是查找值...

pie_keys仅用于在 中查找值pie_data。所以，本质上，如果我想创建一个饼图，我将开始实现以下......

但我不能只是手动完成。我需要从状态值中提取它们。所以我尝试了以下...

映射函数按预期工作，我已经对其进行了测试，x是键值，并且y是与该键关联的值。但是，我的问题是以data_distribution预期格式返回[{x:.., y:...}, {x:..., y:...}, etc.]. 当我尝试上面的示例时，我收到一条错误消息...

如何将正确的格式输入到饼图中？

我已经实现了一个饼图VictoryCharts，并添加了工具提示......

工具提示如下所示...

我想删除箭头并使工具提示成为常规矩形并更改背景颜色。本质上我想定制它，但事实证明这比我预期的要难。

我尝试创建一个自定义组件...

我添加到VictoryTooltip...

但是，这无济于事。我无法弄清楚如何制作自定义工具提示。

我曾经VictoryChart实现一个饼图，它工作得很好......

需要注意的是，它data_distribution看起来简单如下......

所以我想知道我是否可以为数据对象中的每一块饼图设置颜色。该文档指定...

色阶：“灰度”、“定性”、“热图”、“暖色”、“冷色”、“红色”、“绿色”、“蓝色”。VictoryPie 将按索引为每个切片分配颜色，除非它们在数据对象中明确指定。

这说你可以，但我不知道怎么做。我尝试了以下...

这转化为...

但是，它们不会变红。我在网上找不到示例。这可能吗？

我知道我可以定义colorScale: {[...]}，但这不是我要问的。我希望能够从数据对象中设置饼图的每一块。