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

html - ChartJS - 具有不同大小数据集的折线图

我正在开发一个将生成一些图表的应用程序,我正在使用 chartjs 来绘制它们。

我面临的问题是:图表将使用动态数据生成。该应用程序最多可以生成 9 个数据集,并且它们很少具有相同的大小。当数据集大小不匹配时,如何使 chartjs 前进或填充值?

我在stackoverflow甚至chartjs github页面上都看到了一些示例,但它们对我不起作用。

这是我到目前为止的一个例子:https ://jsfiddle.net/camarrone/49onz8no/1/

具有不同数据数组的两个数据集。第二个数据集的第一个值不存在,因此它应该为零或空。像这样:https ://jsfiddle.net/camarrone/d39a0qgw/

这是“失败”代码供参考:

0 投票
1 回答
1415 浏览

chart.js - Chartjs:删除特定标签

我有下面的堆叠组图。

我想做两件事:

1) 删除多余的 Apple、Orange 和 Pear 标签 2) 使用这些单独堆栈的颜色突出/变暗图表中各个堆栈的边框。就像传说中的样子。

任何帮助将不胜感激。 我的图表的图像

0 投票
1 回答
5461 浏览

angular - 如何在 Angular Chart.js 中以异步方式更新数据图表?

我的项目基于ngx-admin starter empty(没有所有库)。我在package.json中导入了 angular2-chartjs lib 。图表绘制正确。

当我收到来自服务器的响应时,我需要以异步方式更新图表数据。

我阅读了 Chart.js 的文档,该文档以以下方式报告了这种更新数据的方式:

但这是ChartJs,而 ngx-admin 使用angular2-chartjs

在我的组件中,我用空数据初始化了图表:

这里有人会知道建议解决我的问题吗?(一个例子表示赞赏)。

谢谢

0 投票
0 回答
112 浏览

javascript - 如何使数据点工具提示在 ChartJS 中永久可见?

我需要使图表(折线图)上第一个和最后一个数据点的工具提示永久显示,无论鼠标是否悬停。除非将鼠标悬停在其他数据点上,否则不应显示工具提示。我将如何在 ChartJS 中实现这一点?

0 投票
1 回答
971 浏览

javascript - 如何在图表 js 中平滑雷达图的边缘?

我正在尝试制作具有平滑边缘的雷达图,如雷达图的 Chart JS 示例

http://www.chartjs.org/samples/latest/charts/area/radar.html

我尝试在文档中查找它并认为它可能是 lineTension 属性,但我仍然无法使其工作。我是 JS 新手,所以我可能做错了什么。有人可以给我看一个例子吗?

0 投票
0 回答
37 浏览

onclick - clicking only one legend at a time: ChartJS

i would like to know a way by which i can get to click only one legend at a time, to be precise i want one legend (if its clicked) to get unclicked when the other one is clicked in chartJS donut chart, there are only 2 legends

0 投票
1 回答
546 浏览

javascript - js devexpress PieChart 系列颜色运行时

我正在研究js.devexpress Pie Chart。我想在运行时更改系列颜色。

我正在从 web 服务获取数据,根据我的逻辑,我必须根据值更改颜色为红色或绿色。如果值小于 0 [零],则饼图颜色为红色,否则为绿色。

我的代码是

`

0 投票
0 回答
1269 浏览

javascript - 如何在 Chart.js (react-chartjs-2) 中悬停时缩放甜甜圈片

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

![]

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

0 投票
1 回答
2897 浏览

chartjs-2.6.0 - ChartJS 2 工具提示标题未定义

我希望将“年龄”一词添加到我的工具提示标题中,以根据图表中的年龄组来表示。

例如,基本上,标题应该是“11-20 岁”。但是,我得到“未定义的年龄”?

有谁知道我为什么会遇到这个问题?

代码(下面的小提琴):

任何知道使用 afterLabel 将文本发送到标签下方而不是之后的人的额外积分(附带问题,如果您愿意,请忽略)“?

https://jsfiddle.net/unc76c7s/

0 投票
1 回答
2509 浏览

javascript - Chartjs:showLine 取决于值

我有一个简单的 Chartjs 折线图。

例如,如果数据集中的值高于 10,我想画线并放

如果值不符合条件。

我怎样才能做到这一点 ?文档中没有信息。

链接到文档

提琴手