问题标签 [chartjs-2.6.0]

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 回答
437 浏览

chart.js - 如何在chartjs中制作平滑的线条关节?

我想制作直线图,但边界平滑的角度(关节)如下图所示:

图表线平滑

有可能吗(插值不能以这种方式工作)?我发现的 JS 示例基于 vuetrend - https://jsfiddle.net/nyh18bLq/426/

0 投票
1 回答
255 浏览

javascript - ChartJS 将字符串中的日期视为数字

我正在尝试从 csv 文件中获取一些字符串,以放在来自 chartjs 的图表下。

我写了这个 php 函数:

这工作正常,在我调用这个函数的任何地方,它都会打印必要的字符串,这是一个日期,例如 2018-02-08。

当我尝试在 ChartJS 中需要它们的标签部分调用此函数时。它将此日期作为总和返回,因此 2018-02-08 将返回为 2008。

我做错了什么?

当我尝试将 $line[0] 更改为 $line[1] 时出现另一个问题,这是一个具有以下格式的时间:20:17:36,我的整个应用程序停止工作..

希望任何人都可以帮助我!

0 投票
1 回答
925 浏览

reactjs - 用 reactjs 和 chart.js 绘制饼图

我正在尝试使用一些虚拟数据绘制饼图。我的反应图表组件如下所示:-

而且我认为传递给组件的数据也绝对没问题。

在此处输入图像描述

但目前我只能绘制标签。像这样:-

在此处输入图像描述

我错过了什么?

0 投票
1 回答
212 浏览

javascript - Chart.js - 如何为随时间发生的大量数据创建自动缩放折线图

所以我有相对大量的数据,我想使用chart.js.

问题

我的数据集如下所示:

我可以根据这些数据创建一个图表,其中包含 XAxis 上的 5 个标签和 YAxis 上的 5 个记录。十分简单。

所以我的记录一个接一个地在几秒钟内发生,这很容易放在图表上。但是,我会随着时间的推移累积数据,所以我的第一次可以是:

因此,现在图表上的数据应该auto-scaled正确显示从第一个日期到最后一个日期的线,中间有一些标签。

我想出的唯一方法是专注于序列化我的数据,但这是一种非常困难且乏味的方法。如果可以在图书馆内处理,我不想重新发明轮子。从我目前所见,这是一个非常强大的库,我认为如果正确使用该库,这样的事情是可以处理的。

如果有这个库经验的人可以帮助我为这个任务编写代码,或者指出我正确的方向,我将非常感激。

0 投票
1 回答
2504 浏览

chart.js - ChartJs - 悬停时双工具提示顶部和底部

当悬停在折线图的一个点上时,我试图呈现一个双工具提示。像这样:

在此处输入图像描述

我没有在网上找到任何东西。有人知道如何实现吗?

0 投票
1 回答
40 浏览

javascript - 如何放置两个chartjs的图表,让它们都出现?

我为教师制作了一个页面,他们可以在其中查看学生的分数,并且有图表显示每个问题正确的学生数量。我试着只放两张图表,但它只显示一张图表,另一张图表一直是空白的。我认为如果发生问题是因为两个图表具有相同的名称,但是在我更改了图表的名称之一之后,它仍然只显示其中一个图表。这是我的 php/html/js 代码:

0 投票
1 回答
1360 浏览

javascript - 如何在yAxis Chartjs中的两行之间添加背景颜色

如果您检查了图表,我如何在chartjs中的Y轴的两条线之间添加背景颜色我需要能够做这样的事情在两条线之间设置一个颜色,首先是橙色,然后是蓝色或其他,我检查了官方文档,但我没有找到任何东西。

ChartJS 折线图

这也是我的chartjs配置

0 投票
1 回答
248 浏览

javascript - Chart.js 行不适合

由最大点组成的线不适合图表...我尝试使用响应式编辑高度 - 都一样。

在此处输入图像描述

0 投票
1 回答
138 浏览

chart.js - 如何在chartjs的x轴的零级添加额外的标签

chartjs 库

如上图所示,2017 年标签应位于 x 轴两侧的 0 级。我可以将 2017 和 2017 作为额外标签​​发送

0 投票
1 回答
1007 浏览

javascript - 如何在 ChartJs 中显示分组数据

我有以下数组:

在此处输入图像描述

数组键是日期,我想要绘制的唯一元素是重量。看:

在此处输入图像描述

我将代码如下。请注意,我已经在日期属性中对属于每个该键的整个集合进行了分组。

但是这样ChartJs不明白,它只需要绘制“data”属性中存在的数据集,并通过key进行分组。以错误的方式绘制图形。

在此处输入图像描述

知道数据已经分组,我怎么能正确地绘制数据?