问题标签 [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.
javascript - chart.js 2.0 向数据集添加新属性
我需要向数据集/标签添加一个属性以在单击时识别它。我试过这样的事情:
它几乎可以工作,因为我可以看到新属性“代码”,数据与之关联,图表背景可见但为空,我的意思是数据集中没有可见的数据。
这是我的初始化:
问题是,我感觉不到 Chart.js,有人可以帮我处理它并举例说明扩展是如何工作的吗?:)
谢谢
javascript - 图表未在 Chartjs 中用虚线绘制
嗨,我正在使用Chartjs 2.1.3并尝试绘制图表。我使用的是旧版本 1.0.3,它工作正常,但在我尝试时没有用虚线绘制。然后我才知道 BorderDash 属性提出了 Chartjs 2.0。但是当我使用 chartjs 2.1.3 时,它没有绘制任何图表。我正在使用自定义角度指令和chart.js。我在谷歌搜索时看到了一些例子,但它没有帮助我。有人可以帮我用虚线绘制图表吗?
Chartjs 指令
CDN:https ://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js
得到错误
chart[chartType] 不是函数
chart.js - chart.js 2.X 的扩展
我已经使用了 chart.js 1.0.2,但不知道版本 2+ 已经到来。现在我需要仅在 2+ 中可用的功能同时我已经为 chart.js 1.0.2 编写了几个扩展,我想将其转换为 2+ 版本。
如何在版本 2+ 中执行此操作?
javascript - Chart.js 2.0 - 如何更改画布/图表元素的默认外观
我正在使用新的 Chart.js 并尝试完成一些自定义。精通 JS,但对画布很陌生,我有点挣扎。我会尽量提供尽可能多的信息。
相关链接
代码 - JSBin
JavaScript
HTML
CSS
我正在尝试做的事情
- 移除 y 轴上的网格线
- 删除数据集的第一项和最后一项上与图表左/右边缘相交的点
- 插入 y 轴刻度标签
- 使 x 轴网格线覆盖在线数据填充的顶部
截图
任何为我指明正确方向的帮助都会很棒。画布的“检查元素”是否有等价物?这些修复在 CSS 中是微不足道的,但我不确定如何调试。
干杯
javascript - stepSize 在雷达图 Chart.js 版本 2 中被忽略
[更新:这可能已在版本 2.1.5 中修复]
在 Chart.js 版本 1 中,我曾经能够设置雷达图上刻度线之间的间距。所需的行为是从 0 到 100 的行,以 5 为步长。我使用了以下版本 1 选项:
自从升级到版本 2 (2.1.4) 我似乎无法获得相同的行为。下面是一个基于雷达图文档的最小图表,我对它应该如何工作的最佳猜测。这个stepSize
论点似乎被忽略了。
任何想法都非常感谢。
javascript - Chart.js 条形图改变标签位置 X 轴
我是chart.js 的新手。我想绘制一个 x 轴标签不居中的条形图,但在两个条形连接的地方。这是我需要创建的
https://i.imgsafe.org/12dcb3ea20.png
但是在我当前的实现中(在下图中),标签以栏为中心。我需要标签位于两个条连接的中间位置,如上图所示。
https://i.imgsafe.org/12e75a5888.jpg
这是我的代码
javascript - 如何在 Chart.js v2 中格式化刻度数字
首先,如果我的问题与其他问题略有相同,我深表歉意。我搜索了一个解决方案,发现了 3 个类似的问题,但没有一个对我有用,因为我找到的示例使用 Chart.js v1。
我看到了一个示例,它使用一个函数scaleLabel
来格式化数字,如下所示:
但是,上面的代码在新的 Chart.js v2 中不再有效。
如何格式化 Chart.js v2 中的比例数字?