问题标签 [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 投票
1 回答
1191 浏览

chart.js - 为什么 chartjs 工具提示标签总是显示第一个 x 轴标签?

chartjs 默认工具提示似乎显示数据不正确。无论我将鼠标悬停在哪个数据点上,工具提示标签始终显示“1 月 24 日的一周”。

我希望它在悬停在“1 月 31 日的一周”数据点上时显示“1 月 31 日的一周”,在悬停在“上周”数据点上时显示“上周”。我错了吗?

在此处输入图像描述 在此处输入图像描述

0 投票
3 回答
1601 浏览

javascript - react-chartjs错误无法读取未定义的属性“图表”

我已经安装了 react-chartjs。按照说明对其进行测试时,我在第 10 行 Chart.js 收到错误无法读取未定义的属性“图表”

这是我的代码

module.exports = 线图;

我很难过,在网上找不到任何解决方案。感谢您的任何评论

0 投票
1 回答
2680 浏览

node.js - react-chartjs 返回类型错误:(中间值)[chartType] 不是函数

当我运行服务器时..此组件已加载...在服务器端未发现错误...但浏览器控制台返回以下错误:

未捕获的 TypeError:(中间值)[chartType] 不是函数

我的代码如下:

0 投票
0 回答
486 浏览

javascript - 图表 Js 将 y 轴更改为实数

我正在使用最新的图表 js,我想将 Y 轴值更改为实数 0,1,2,3,.... 在此处输入图像描述

我想将 y 轴更改为正实数我在哪里放置刻度值以将上述格式更改为实数格式

0 投票
2 回答
17857 浏览

javascript - 如何在 ChartJs 中显示数据值或索引标签(最新版本)

如何在 ChartJs(最新版本)中显示数据值或索引标签,如下图所示:

在此处输入图像描述

我正在使用 ChartJs 在我的 React 项目中显示图表。一切正常,除了这个。

我在 stackoverflow ( https://stackoverflow.com/a/31632707 ) 中找到了答案,但它使用的是旧版本的 chartjs,并且不适用于我正在使用的那个。

我的 ChartJs 代码:

我尝试使用函数添加它:ctx.fillText(bar.value, bar.x, bar.y - 5);,但它的显示.fillText is not a function

0 投票
1 回答
1960 浏览

reactjs - 在 React + React-chartjs 中未定义获取图表 ReferenceError

我认为错误来自我调用一个空对象或类似的东西?

代码如下

}

错误:

0 投票
1 回答
1575 浏览

javascript - 允许在 Chart.js 的工具提示中显示多个数据属性

我目前正在使用Chart.js反应版本),但我无法解决这个问题。我正在使用条形图来显示数据。默认情况下,工具提示仅显示相应栏的当前高度。

我的要求

我有具有以下属性的 json 格式的数据

条形图中条形的高度应由value1属性决定。当我们将鼠标悬停在特定栏上时,工具提示应显示所有三个属性的所有信息。

我只能得到 value1 的图表。我查看了文档中可用的工具提示配置,但无法达到要求。

(我正在使用 react-chartjs)我该怎么做?提前致谢

0 投票
1 回答
6136 浏览

javascript - React + Chart.js 2.0:如何在圆环图中添加标签?

我正在使用 、 和 2.2.1 版本进行数据react可视react-chartjs-2chart.js这里有一个可能与此问题相关的答案(查找 17.06.16 更新),但我不确定它是什么Chart.pluginService.register或它是否与 React 兼容。到目前为止,它还没有为我工作。

我只是想在甜甜圈内放置一个标签,它是所有data子集的总和。我认为这是嵌套在圆环图选项中的某个地方,但我还没有找到它。

0 投票
2 回答
5727 浏览

javascript - Chart.js 删除第一条垂直线

有没有办法从图表中删除初始垂直线而不删除值? chart.js 删除垂直线

这是我的选项的样子:

0 投票
2 回答
733 浏览

react-chartjs - 在 react-chartjs 中传递什么值

正在使用来自link的 react-chartjs 。演示中给出了很好的示例,但是任何地方都没有提到需要传递的dataand 。options正在使用 flotjs 饼图并发送与下面相同的数据和选项,但它似乎不起作用?是否css/less需要添加任何内容以使图形正常,或者输入数据有任何问题?

此外,在现有组件中导入 chart.js 和 React。谁能告诉我是否chartData正确chartOptions