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

javascript - chart.js 2.0 向数据集添加新属性

我需要向数据集/标签添加一个属性以在单击时识别它。我试过这样的事情:

它几乎可以工作,因为我可以看到新属性“代码”,数据与之关联,图表背景可见但为空,我的意思是数据集中没有可见的数据。

这是我的初始化:

问题是,我感觉不到 Chart.js,有人可以帮我处理它并举例说明扩展是如何工作的吗?:)

谢谢

0 投票
0 回答
194 浏览

javascript - 图表未在 Chartjs 中用虚线绘制

嗨,我正在使用Chartjs 2.1.3并尝试绘制图表。我使用的是旧版本 1.0.3,它工作正常,但在我尝试时没有用虚线绘制。然后我才知道 BorderDash 属性提出了 Chartjs 2.0。但是当我使用 chartjs 2.1.3 时,它没有绘制任何图表。我正在使用自定义角度指令和chart.js。我在谷歌搜索时看到了一些例子,但它没有帮助我。有人可以帮我用虚线绘制图表吗?

Chartjs 指令

CDNhttps ://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js

得到错误

chart[chartType] 不是函数

0 投票
1 回答
2645 浏览

chart.js - chart.js 2.X 的扩展

我已经使用了 chart.js 1.0.2,但不知道版本 2+ 已经到来。现在我需要仅在 2+ 中可用的功能同时我已经为 chart.js 1.0.2 编写了几个扩展,我想将其转换为 2+ 版本。

如何在版本 2+ 中执行此操作?

https://jsfiddle.net/64106xh8/1/

0 投票
1 回答
12223 浏览

javascript - Chart.js 2.0 - 如何更改画布/图表元素的默认外观

我正在使用新的 Chart.js 并尝试完成一些自定义。精通 JS,但对画布很陌生,我有点挣扎。我会尽量提供尽可能多的信息。

 

相关链接

 

代码 - JSBin

JavaScript


HTML


CSS

 

我正在尝试做的事情

  1. 移除 y 轴上的网格线
  2. 删除数据集的第一项和最后一项上与图表左/右边缘相交的点
  3. 插入 y 轴刻度标签
  4. 使 x 轴网格线覆盖在线数据填充的顶部

 

截图

当前状态 当前状态-ss

期望状态(近似值) 期望状态-ss

 

任何为我指明正确方向的帮助都会很棒。画布的“检查元素”是否有等价物?这些修复在 CSS 中是微不足道的,但我不确定如何调试。

干杯

0 投票
0 回答
1297 浏览

javascript - stepSize 在雷达图 Chart.js 版本 2 中被忽略

[更新:这可能已在版本 2.1.5 中修复]

在 Chart.js 版本 1 中,我曾经能够设置雷达图上刻度线之间的间距。所需的行为是从 0 到 100 的行,以 5 为步长。我使用了以下版本 1 选项:

自从升级到版本 2 (2.1.4) 我似乎无法获得相同的行为。下面是一个基于雷达图文档的最小图表,我对它应该如何工作的最佳猜测。这个stepSize论点似乎被忽略了。

任何想法都非常感谢。

0 投票
1 回答
7204 浏览

javascript - Chart.js 条形图改变标签位置 X 轴

我是chart.js 的新手。我想绘制一个 x 轴标签不居中的条形图,但在两个条形连接的地方。这是我需要创建的

https://i.imgsafe.org/12dcb3ea20.png

但是在我当前的实现中(在下图中),标签以栏为中心。我需要标签位于两个条连接的中间位置,如上图所示。

https://i.imgsafe.org/12e75a5888.jpg

这是我的代码

0 投票
3 回答
1417 浏览

javascript - 如何在 Chart.js v2 中格式化刻度数字

首先,如果我的问题与其他问题略有相同,我深表歉意。我搜索了一个解决方案,发现了 3 个类似的问题,但没有一个对我有用,因为我找到的示例使用 Chart.js v1。

我看到了一个示例,它使用一个函数scaleLabel来格式化数字,如下所示:

但是,上面的代码在新的 Chart.js v2 中不再有效。

如何格式化 Chart.js v2 中的比例数字?

这是我的代码:https ://jsfiddle.net/2n7xc7j7/

0 投票
1 回答
22005 浏览

chart.js - 如何自定义 Chart.js 折线图上的 y 轴标签?

我有以下图表,想手动设置 Y 轴标签。我想要一、二、三、四、五,而不是使用 1、2、3、4、5。
有没有办法做到这一点?这是我的选项结构:

在此处输入图像描述

0 投票
0 回答
748 浏览

javascript - 创建没有悬停缩放的 chart.js 饼图

我有使用最新版本的 chart.js 的代码:

我怎样才能让它停止像文档中那样在鼠标悬停时稍微放大一点?

Chart.js 饼图介绍

0 投票
2 回答
5819 浏览

javascript - Chartjs 2.0 - 增加 x 轴标签的高度

JSBin 这里:http://jsbin.com/xukuhanota/1/edit? output

我正在尝试沿 x 轴增加标签(刻度?)的高度(或本质上是顶部/底部填充)。

这是图表的相关代码:

根据文档,有paddingBottompaddingTop属性,但我不知道它们是否/如何应用于刻度与刻度。