问题标签 [chart.js2]

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

javascript - 如何在 Chart.js v2.0 中的条形图上添加曲率

我已经在线尝试了所有资源,它们适用于 1.6 版。也浏览了代码,但无法找到关于酒吧风格的东西......有人解决了这个问题吗?谢谢

0 投票
2 回答
7268 浏览

chart.js - Chartjs气泡图中Y轴上的类别比例和x轴上的时间

气泡图中的 y 轴上是否可以有类别比例?我正在尝试创建一个气泡图,其中 y 轴-> 星期几和 x 轴-> 时间采用“hh:mm a”格式。(只是因为 Chart.js 只允许 x 轴上的时间刻度)。请建议我如何更改此问题以对更多人更有帮助。

0 投票
1 回答
627 浏览

chart.js - 在 2.1.6/Chart.js 中将全局选项传递给折线图

这是我的 jsfiddle 解释我面临的问题。我想基本上传递选项对象(以禁用填充和贝塞尔曲线),就像我在旧版本中所做的那样......

https://jsfiddle.net/xjdvngwe/

基本上我想在创建图表时实现将选项传递给图表函数

在最新版本 2.1.6 中,我无法让它工作

如果我像这样传递它们,它们可以正常工作,但我正在寻找一种将它们作为选项对象传递的方法

0 投票
1 回答
14737 浏览

chart.js - 在 Chart.js 2.0 中绘制水平线

你能帮我如何扩展 Chart.js v2.0。我需要在图表中绘制一些水平线,类似于:http: //jsfiddle.net/vsh6tcfd/3/

0 投票
1 回答
4036 浏览

css - 如何根据数据集大小动态设置 ChartJs 折线图宽度?

我正在使用 ChartJS (v2.1) 创建折线图。我没有固定大小的数据集,我希望折线图根据数据集的大小调整其宽度:

大数据集: 在此处输入图像描述

较小的数据集: 在此处输入图像描述

我希望大型数据集使图表更宽(而不是缩小到可用宽度)。显示水平滚动条是一个选项,但我无法指定图表的宽度,因为我不知道数据集有多大。

是否可以设置 X 轴刻度之间的最小宽度?还是自动增长图表?我尝试在这个问题中实现解决方案,但我无法在设计时确定宽度。

我的标记:

和图表选项:

0 投票
2 回答
1446 浏览

angularjs - 如何在 Angular JS 中添加瀑布图?

我一直在使用 Angular Charts Directive 中的条形图,它是使用 charts.js 创建的。

GitHub 链接:角度图表

但我需要在我的应用程序中显示瀑布图。有人可以帮我在我的 Angular 应用程序中创建一个瀑布图吗?

提前衷心感谢您!

0 投票
1 回答
947 浏览

javascript - Chart.JS 自定义 y 轴标签,带有具有值的文本

我想制作这样的条形图..在chart.js中可以吗?

在此处输入图像描述

假设 OK、Difficult 和 Problematic 有其自身的价值。

例子:

  • 有问题 = 11 或更多
  • 困难 = 6 - 10
  • 确定 = 0 - 5
0 投票
3 回答
4979 浏览

charts - 用于制作瀑布图的 chart.js 插件

我想创建一个 chart.js 插件来创建瀑布图。

我是使用 chart.js 的新手。我正在考虑扩展条形图以创建瀑布图。

条形图控制器中的绘制函数如下:

完整的条形图控制器 js 文件可以在这里找到: https ://github.com/chartjs/Chart.js/tree/master/src/controllers

0 投票
4 回答
18853 浏览

javascript - 如何使用 Chart.js 在圆环图的中心添加文本?

我想创建一个有两个值的甜甜圈图。单击图表应在中心打印值。我在stackoverflow中找到了一个与我的要求类似的解决方案。我想使用来自github的最新 Chart.js 库。最新的 Chart.js 是否提供此功能?

0 投票
2 回答
13030 浏览

chart.js - 将冲突的插件应用/注册到不同的图表

我定义了两个略有不同的 Chart.js 插件,并且我有一个包含两个不同图表的页面。我想将第一个插件应用于第一个图表,将第二个插件应用于第二个图表。

根据消息来源,插件有注册和注销功能,但是您将它们注册到某个全局变量“Chart.plugins”。

我试过这样的解决方案:

但似乎这会在任何事情发生之前取消注册这两个插件。如果我不取消注册插件,第二个会覆盖第一个插件所做的任何事情。

此外,似乎无法将插件直接注册到特定图表,例如“windows.myBar.plugins”未定义。

有人知道是否存在不同的解决方案吗?

Edit1:我想到了一种可能的解决方法,即通过将插件的不同行为指定为各个图表的选项,然后定义一个基于图表的特定选项起作用的单个插件。但我仍然想知道是否存在将插件应用于特定图表的方法。