问题标签 [react-chartjs]

我有一个带有子图表组件的主要组件。在连接到 websocket 时，主组件会更新子图表组件的状态。但是，这不会重绘。但是，当我单击图表时，会出现标签，当我再次单击时，值会与标签一起出现。

主.js：

图表组件如下：

图表.js

1. 在 "chartjs-plugins-datalbels" 中的数据标签之前添加像 $ 这样的前缀的任何想法。

2. 将数据标签移动到 "chartjs-plugins-datalbels" 中条形图上的条形图左侧或右侧的任何想法。

任何帮助，将不胜感激 。

此链接显示如何使 chartjs 图表可滚动。有人可以告诉如何使用 react-chartjs-2 实现这一目标吗？

正在寻找有关如何使用图标/图像代替折线图中的数据点的指导/示例？我正在使用 react-chartjs 并导入 Line wrapper 组件。不完全确定如何从Chartjs docs实现 drawImage 。我对两者都有些陌生，所以我可能会忽略一些明显的东西。非常感谢您的帮助。

我能找到的最好的例子。

这是我到目前为止的图表：react-chartjs line mood tracker

我需要使用 chart.js (react-chartjs-2) 缩放我的甜甜圈的一部分。请查看图像以获得所需的结果。

代码：https ://codesandbox.io/s/q367y419mw

尝试使用storm-react-diagrams制作一个简单的图表

不完全确定如何解决这个问题。
错误：

diagram.jsx和这个完全一样

我在这里错过了某种花哨的 es6 语法还是什么？
这就是我的webpack.config 的样子。

我正在使用Line图表'react-chartjs-2'

import { Line } from 'react-chartjs-2';

我有特定的数据集，它是数字数组。消极的和积极的。

这是我options的dataset图表配置：

数据集：

选项：

问题是我的图表落在标记 0 以下。但我希望它从数组中的最低值开始。我的选项中有以下内容：

但它不起作用。此外，如果我将最小值设置为 0，将最大值设置为数组中的最大值，我将得到以下结果：

所以我没有看到低于 0 的值。

谁知道如何解决这个问题？

我有以下选项和数据集：

但它什么也没做。我将它用作反应组件，但不知道在这种情况下如何到达画布的上下文。我还渲染了许多这些图表。

这是我chart.js在非反应应用程序中使用时将渐变添加到图表的方式：

如何知道如何将渐变添加到Line中react-chartjs-2？

@银翼男孩，

我不太明白如何使用它。

这就是我现在使用这种方法所做的：

但它说我TypeError: Cannot read property 'createLinearGradient' of undefined at getData

我有一个显示 3 个数据集的图表 - 2 条线，1 条条形图。

我希望能够使用 HTML 格式化下面屏幕截图中的 Y-2 轴标签，以允许我将每个刻度中的值显示为气泡，以匹配行数据点上显示的样式。（我正在使用 datalabels 插件来实现数据点样式https://github.com/chartjs/chartjs-plugin-datalabels）。

除此之外，我希望所有带有“XLabelLine1”和“XLabelLine2”的标签在它们之间有一个换行符。

这可能吗？从查看文档来看，轴标签似乎只能是字符串。

当我使用 Y 坐标的数值和 x 坐标的日期值传递我的数据点时，散点图从 1976 年开始 x 轴，即使我最早的日期是 2018 年。如何设置 x 轴起始值？这是我的数据和选项的样子。日期格式：2018/06/30

我尝试将新日期（'2018/01/01'）传递给建议的Min，我也尝试使用 Min 而不是建议的Min。