问题标签 [react-chartjs]

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 投票
0 回答
441 浏览

reactjs - Chartjs:图表不显示

我正在使用 react-chartjs,现在我遇到了一个问题,即我的图表没有在我的控制台中完全没有错误地呈现。

以前,当我安装 react-chartjs 和 chartjs 时,总是出现错误Unmet peer dependency: eslint-plugin-jsx-a11y@3.0.2。虽然我不确定这是否相关。

这是我的演示组件:

这是我的helpsPosted道具:

任何帮助,将不胜感激。谢谢!

0 投票
2 回答
2114 浏览

html - 样式化 React-Chartjs 以填充父列

我似乎找不到让 React-Chartjs 条形图填满整个引导列的方法。

结果:

在此处输入图像描述

我非常不希望设置静态输入,因为应用程序将在许多不同尺寸的屏幕上。响应大小将是这里的目标。

0 投票
1 回答
566 浏览

javascript - react-chartjs 图表呈现没有颜色

我尝试使用 react-chartjs ( https://github.com/reactjs/react-chartjs ) 制作雷达图。它渲染,但没有颜色。

在此处输入图像描述

我错过了什么?我几乎复制了https://reactcommunity.org/react-chartjs/index.html上的大部分示例。(我将数据简化为一个数据集。)

似乎没有任何导入丢失或清除错误。根据另一个相关的 SO 问题,我尝试用“[”和“]”围绕 chartOptions 和 ChartData。

0 投票
0 回答
190 浏览

reactjs - 数据更改时保留带有 ReactJS 旧数据集标签的 ChartJS

我将以下内容传递给我的图表:

如果我在“保证金”和“呼叫”模式之间切换,图表顶部的图例标签会正确更改。但是,如果我选择“活动”,我会按预期获得标签,但是当我改回“保证金”或“调用”时,来自“活动”的标签仍保留在顶部,前两个被替换。

这是 ChartJS 的错误吗?我已经尝试以多种不同的方式创建图表,但我仍然遇到这个问题。

关于可能导致这种情况的任何想法?

0 投票
1 回答
11056 浏览

chart.js - Chartjs 2 缩放大量数据点

我正在尝试使用 24 小时数据(每 30 秒收集一次)呈现折线图。我无法从文档中弄清楚如何让它很好地扩展。

文档说:

在构建它的刻度时,它会根据刻度的大小自动计算最舒适的单位。

但我无法让我的折线图“舒适地”缩放。我不确定它们是什么意思,但我得到的数据点太多,无法很好地渲染。所以我想我正在寻找一种删除数据点的方法(使用 chartjs,而不是手卷)。

在此处输入图像描述

我正在用我的选择做这样的事情;

任何指针在哪里看?

0 投票
1 回答
15852 浏览

javascript - 在反应中从图表 js-2 在圆环图中添加文本

我想在我的甜甜圈饼图中添加一条短信。更具体地说,我想要这样的东西: 在此处输入图像描述

我在堆栈溢出中遇到了同样的问题,因为他们在 jquery 中使用图表 js,因为我是 javascript 新手,所以我很困惑。这就是我定义饼图的方式:

0 投票
0 回答
132 浏览

react-chartjs - ReactChartJs 不渲染

我是新手,正在尝试让 react-chartjs 工作。我在下面有以下代码,但我无法显示任何内容。做 npm run webpack 很顺利。请帮忙。

干杯——皮特

0 投票
2 回答
305 浏览

javascript - React 按钮不会多次渲染

我有一个用于呈现新组件的按钮(实际上是图表,我已将示例简化为仅显示文本),它在第一次单击时向页面添加文本,但不会向页面添加任何新的文本对象进一步点击。

我已经测试了该函数是否在我多次按下它时实际上正在运行,方法是让它将元素添加到它所做的数组中,那么为什么它在多次单击时不向页面呈现新的文本对象?

我可能会遗漏一些基本的东西,如果有任何解释,我将不胜感激。

0 投票
1 回答
1193 浏览

reactjs - 用 react-chart js 反应 js,不渲染圆环图

我想react-chartjs用于我的统计页面。所以我目前正在测试react-chartjs条形图和折线图等各个组件。

为了渲染条形图和折线图,我制作了简单的数据集,效果很好。但是,对于圆环图,它不会呈现它。

因此,要查看它在页面上的显示方式,我只是按照文档中的示例进行渲染DoughnutChart。在元素检查工具中,它显示canvas class已渲染,但不显示图表...

我在这里做错了什么?提前致谢..

0 投票
1 回答
6380 浏览

javascript - 带有 React 的 Chart.js

我想在我的项目中实现图表,我决定使用 react-chart.js

我一开始就试图在我的组件中添加一个示例,所以我添加了以下代码:

chartData 是一个对象

我有一个错误:

core.js:64 Uncaught TypeError: (intermediate value)[chartType] 不是函数

我也尝试了其他图表,但它们都不起作用,所以我可能做错了什么,但我找不到什么