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

javascript - ChartJS 右 Y 轴刻度问题

当我尝试使用正确的 Y 轴时遇到问题,看起来刻度在数字的右侧,我找不到将它放在正确位置的方法,这个问题只是发生在正确的 Y 轴上。

而且图表的第一个刻度看起来也是重叠的。

任何想法?非常感谢!

在此处输入图像描述

0 投票
1 回答
3978 浏览

angular - chartjs 高度不跟随父容器

注意:我已经修复了问题 #2,这是错误的数据。我仍然面临问题#1。我有以下折线图配置。我的数据集示例数据是

{x:'29/01/2017',y:'0.00234'}

另外,我有 html(我使用 angular flex-layout)和打字稿:

我有 2 个(现在只剩下 1 个)问题:

  1. 最外层的 div 高度为 100%。但是由于某种原因,id="graph"的高度变成了150。而画布也是150。不知道这个150是从哪里来的。

  2. 然而,数据显示在图表上,它们都在最右侧杂乱无章,我的 x 轴值从 1973 年到 2016 年。但我的数据只有 2017 年。我尝试更改“边界”和“刻度”。源”属性,但没有任何反应。(我更新了标题,因为我已经修复了这个,它是由错误的数据引起的)

0 投票
0 回答
829 浏览

javascript - 一个图例,多个图表 Chart JS

我有两个饼图,它们的数据不同,但标签和背景颜色相同。如何使用 ChartJS 创建一个独立的图例(没有图表的图例),以便图例同时对应于两个饼图?

我尝试创建一个将数据数组设置为 0 数组的饼图。但是,这会导致生成一个空饼图,占用大量空间;所以这是不行的。

任何帮助将不胜感激。

0 投票
3 回答
9250 浏览

jquery - 如何为 ChartJs 图例添加标签

在 ChartJs 中,如何在图例上方添加文本/标签。我不想要图表的标签,但我需要将它放在图例上方。

我正在使用ChartJs生成图表。

在此处输入图像描述

0 投票
3 回答
10385 浏览

chart.js - 在 ChartJS 中的 Bar 上显示数据标签

我有一个关于水平条形图的非常特殊的问题。是否可以在栏本身上显示数据标签

喜欢这张照片:图表的绘制

我试着这样做:

但不幸的是,标签在条形下方消失了,就像条形在标签上方一层一样。

有可能改变这个吗?

这是我的代码:

和我的选择:

先感谢您!

亲切的问候,埃尼克

0 投票
1 回答
825 浏览

javascript - 如何动态更改chartjs中的json数据

通过使用 chartjs,我们是否有可能更改 json 数据并立即反映更改?因为我们计划有一个与数据表连接的图表,所以当用户应用过滤器时,json 数据将被更改,并且图表必须立即更改!如何用chartjs做到这一点?

0 投票
1 回答
1055 浏览

charts - 如何用 Chart.js 实现这种热图/条形图

我必须用 chartjs 构建一个水平条。我已经建造了一些,但它有点不同。该图表有 2 个 yAxis 标签(“Storm Risk”、“Ice Risk”)和 xAxes 的小时数。正如您在随附的屏幕截图中看到的那样,我必须每小时打印出具有不同颜色(“低”、“中”、“高”)的这些不同选项之一。

这种条形图通常用条形的长度表示值,它有点不同。

在此处输入图像描述

有什么建议吗?。

谢谢

0 投票
2 回答
317 浏览

javascript - 如何在 Chartjs 2.x 中使用图表插件 (Chart.pluginService.register) 访问标签数组?

我想隐藏图表中的最后一个标签。它不是一个静态数组,数据源源不断。因此,最后一个标签不能只设置为空白或空值。是否有任何 chartjs 选项可以隐藏它或如何访问图表插件中的标签数组?

0 投票
1 回答
1885 浏览

chart.js - ChartJS 大数据范围

我有一个数据集,它在最大和最小之间有很大的范围。我的问题是当最大的条有太多数据时,最小的条变得不可见。看看下面的截图。

在此处输入图像描述

在屏幕截图中,第二条、第三条、第五条和第六条都有一个数据点,但它们是不可见的。所以我的问题是,

1) 有没有办法让小数据点对条形图可见,例如通过在它们上设置 min-height 属性?

2)如果没有,我该如何制作图表,以便当数据太小时悬停在特定条形的整个 y 轴上时,当我将鼠标悬停在 y 轴上时,它会显示带有数据的标签?

我尝试在栏上设置不同的样式无济于事。

0 投票
2 回答
5139 浏览

chart.js - Chart.js - 增加底部图例和图表之间的间距

我正在尝试实现这样的目标,但底部有图例。当我尝试添加它时,我最多可以得到这样的东西: 在此处输入图像描述

我正在考虑将图例分离到另一个 div,例如

但是用以前的解决方案来实现它会很好。

在此先感谢您的帮助