问题标签 [react-chartjs-2]
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.
javascript - 如何防止 Chartjs 工具提示回调返回相同值的多个实例?
我正在使用带有 React 的 Chartjs。我有一个包含三个数据集的加密货币价格图表,其中一个是价格列表,一个是与初始价格相切的水平线,另一个是与最高点相切的水平线。他们来了:
我正在尝试创建一个功能,该功能可以根据您在图表上的位置更改另一个组件中显示的价格。这是标签选项中的回调函数:
现在这可以像预期的那样工作,除了它运行了 3 次并且返回的项目用三个实例填充了工具提示。我想这是因为我有三个数据集。我将如何防止这种情况并且只调用一次道具回调并仅用一个值填充工具提示?我想还有一个轻微的帧速率故障是由这个引起的。
reactjs - 删除图表 js 的 x 轴上的重复值
我有一个 X 轴,它显示月份。然而,在 8 月份,它显示了两次……我不确定为什么会这样。我想删除 x 轴上重复的 Aug-2020。
这是我创建的一个编码沙箱来说明我的意思。
reactjs - 在 React 中创建圆环图
我在我的反应项目中创建了一个示例甜甜圈。现在我要做的是在图表的中心添加动态内容。我在互联网和 youtube 上进行了搜索,但找不到与此相关的任何文档。如果可以,请让我知道一种方法。我的代码如下。
node.js - react-hooks/exhaustive-deps 用于 react chartjs 2 的图表数据
我正在使用 react chartjs2 来显示折线图。并且图表的数据在useEffect中更新。图表显示数据。事情正在发挥作用。但我得到这个钩子排气部门规则警告:
第 51 行:React Hook useEffect 缺少依赖项:'chartData'。要么包含它,要么移除依赖数组 react-hooks/exhaustive-deps
但是,如果我添加状态图表数据,那么页面会冻结,因为我认为它会进入无限循环。数据可能会不断调用。代码是:
node.js - 如何在chartjs v2中为相同的x轴在y轴上绘制多条线?
我在数据库中有时间序列数据,如下所示:
我可以通过将平均值从数据库中提取为数据点来使用平均值绘制折线图,例如:
我想要实现的是分别使用相同的数据集为 min、max 和 avg 绘制三条线:
我试过在这里查看文档和许多问题,但没有找到线索。我可以分离数据集,但通常我在后端处理大量数据,并想看看是否可以在没有任何进一步处理的情况下完成。想知道这是可以实现的还是 chart.js 的限制?