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

chart.js - 图表JS填充两行之间

我正在寻找一种使用 Chart.js 在两行之间填充的方法,使其看起来像这样。我看过,一切似乎都在谈论跨越零的两条线之间的填充。我还需要其他线条像往常一样一直填充。这是chart.js可以做的吗?

在 2 行之间填充

0 投票
0 回答
744 浏览

chart.js2 - 如何在 Chart.js 中悬停时缩放甜甜圈片

我需要用 chart.js 缩放我的甜甜圈的一部分,下一张图片可以帮助理解......谢谢在此处输入图像描述

0 投票
1 回答
588 浏览

angularjs - chartjs 2+ 如何指定条形图着色

我正在尝试使用以下库为我的条形图着色,尽管我无法使其正常工作并且颜色总是随机的。数据工作正常。我在下面包含了它们的版本和加载顺序。希望这可以帮助。

非常感谢任何帮助。

非常感谢,

代码片段

库版本控制

  • AngularJS v1.5.0-rc.2
  • Chart.js 版本:2.3.0
  • angular-chart.js 版本:1.1.1

HTML 标记

最终解决方案说明

最终的工作解决方案使用 Angular 1.5.8 在控制器中设置颜色

0 投票
2 回答
5197 浏览

javascript - 带背景的单条 Chart.js

我想用 Chart.js 绘制一个水平条,但我想要一个默认背景颜色(这是最大值)并用另一种颜色绘制当前值。就像下图一样。我怎样才能做到这一点?

0 投票
1 回答
8636 浏览

chart.js - 修复chart.js中条形图Y轴的高度?

要求:我正在使用 chart.js。在条形图中,我想固定 Y 轴的高度。是否有任何属性或技巧可以做到这一点?

0 投票
2 回答
4365 浏览

javascript - Chart.js 图表未呈现

我正在尝试使用chart.js声明一个新图表,但该图表未呈现。

我最初尝试使用以下方法声明它:

但是,该代码给了我以下错误:

未捕获的 TypeError:(中间值)。Pie 不是函数

我尝试将代码更改为:

这导致错误消失,但图表仍未呈现。

我尝试过使用不同的浏览器,但仍然出现同样的问题。

JSFiddle 链接:https ://jsfiddle.net/pv77779y/

任何有关获取图表呈现的帮助将不胜感激。

0 投票
0 回答
615 浏览

html - 在 Chart.js v2.4.0 中使用 CSS 个性化标签

在以前版本的库中,我记得我可以使用 CSS 定位一个 HTML 元素并设置它的样式。

现在它全部在画布中绘制并且似乎无法设置标签的样式(我想创建复选框,就像您单击标签以显示或隐藏该特定标签的数据时一样) Completed、Renewal、New 和 Failed 是我想要设计的标签

0 投票
4 回答
7950 浏览

angular - 如何在 ng2-charts 中使用插件?

我不确定如何将插件准确地导入 ng2-charts,特别是注释插件。我正在使用 Angular2 / Ionic2。似乎没有任何文档或答案。

0 投票
0 回答
92 浏览

angular - 如何在 Chart.js 中获取比例线上的所有 y 值?

我们有一个具有 y 值权重的折线图。这可能类似于 [184, 182, 179, 180, 178, 178, 175]。我们希望能够获得介于这些数字之间的线上的 y 值。因此,例如,如果某人的鼠标位于 x 轴上 182 到 179 之间的某个位置,我们希望能够获得与该 x 值相关联的线的 y 值。

这可能吗?

PS 我们正在使用 Chart.js 2 的 ng2-charts 包装器,以及 Angular 2 和 Ionic 2。谢谢。

0 投票
3 回答
13875 浏览

javascript - Uncaught TypeError: Chart is not a constructor when using Chart.js

我正在处理我的第一个 Cordova 项目并尝试使用 Chart.js。文档指出 Chart.js 应该像这样包含:

我使用 bower 安装了库,现在它位于www/lib/chart.js. ChromeFailed to load resource: the server responded with a status of 404在我加载Chart.jslib/chart.js.

当我加载时,我在这一行中lib/chart.js/src/chart.js得到一个不同的错误:Uncaught TypeError: Chart is not a constructor

这是 chart.js 文件中的内容:

这是正确的chart.js文件吗?

提前感谢您的帮助!