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

angularjs - 注释不适用于 ChartJS 2 中的线性类型

我正在尝试在我们的一个应用程序中使用 ChartJS2 创建一个图表;我们使用 AngularJS 1.x 和 RequireJS。所以为此我们使用了 ChartJs 2.7.0

当我尝试实现我们的要求时,我遇到了一个异常问题

  1. 当我将 x 轴类型定义为线性时,注释(垂直线)不会显示在图表上,如附图所示:当类型:'linear'
  2. 当我将线轴(X)类型注释为线性时,仅显示注释(垂直线),但图形根本不显示,如附图所示:注释线类型时:“线性”

我的 HTML 代码如下:

我的控制器代码如下:

任何形式的帮助将不胜感激。提前致谢。

0 投票
1 回答
1320 浏览

javascript - 隐藏网格线时,在 ChartJS 条形图中编辑轴的样式

我有一个条形图,其网格线显示为假。现在,我需要为轴线(x 和 y)设置宽度和颜色。我可以将这些值设置为:

但是,当我想隐藏网格线时,我无法设置样式(宽度或颜色),只能用于轴。

我试过 scaleLineColor 但这似乎也没有用。这是我的完整代码:

0 投票
1 回答
575 浏览

chart.js - Clojurescript/Reagent/Chart.js - 试剂生命周期 - chart.update()

我们正在使用带有 clojurescript 和 Reagent 的 chart.js。现在我知道 Chart.js 有一个 chart.update() 方法来用新数据更新图表。所以问题是,我该如何设置我的组件,以便它在 :reagent-render 上呈现图表,但可能会得到 :component-will-update 来调用 chart.update() 方法?

基本上,有没有办法获取从 :component-will-update 函数中的 :reagent-render 函数创建的图表的句柄?

0 投票
1 回答
2962 浏览

angular - 空圆圈 - ChartJS 折线图中仅点描边

如何在 chartJS 折线图中实现这种点?

在此处输入图像描述

0 投票
1 回答
5093 浏览

javascript - 我可以绑定 onclick 事件并在 chartjs 中编辑一个点吗

我正在使用 chartjs 来制作一个小项目。我在编辑这些点时遇到了一些困惑和不幸。

这个库中是否有任何函数可以绑定一个onclick事件,它会显示一个弹出窗口并且我可以删除该点?

这是我想要的摘要:

  1. 单击该点并出现一个弹出窗口
  2. 单击删除按钮后,它删除了该点并重新绘制该点。现在我只使用简单的折线图这是我的 jsFiddle

我正在使用chartjs 2.6

0 投票
2 回答
29004 浏览

javascript - 如何在 Chart.js 2 中设置轴的步长?

我使用带有 3 个 Y 轴的 chart.js 创建了一个简单的折线图: https ://codepen.io/anon/pen/dZVgKw

如您所见,最后一个是从 10 到 20,中间没有任何数字。如何在这里设置步长?

这就是我添加斧头的方式:

谢谢。

0 投票
1 回答
1105 浏览

chart.js - Chart.js 中的多标签工具提示

最近我将一个依赖于 Chart.js 的旧项目从 v1 移到 v2。

但我无法重新创建多标签工具提示,如下所示。 图表.js

在 v1 中,此功能默认启用。有谁知道我必须更改哪个选项才能存档。

到目前为止我的代码。

0 投票
1 回答
1054 浏览

javascript - ChartJs:x 轴最小值和最大值不起作用

我正在根据用户输入从数据库中查询标签/x 轴。例如,用户查询数据,10 march 2017但我得到16 march 2017的数据是因为10 to 16数据不可用。

问题:现在当我在它上绘制这个日期数组时,x-axes它从 16 开始数据,但我想显示x-axes10-march-2017. 我试图将其指定为:

它仍然显示从 16 开始的数据,忽略用户指定的日期。有什么解决方案吗?

0 投票
0 回答
45 浏览

angular - 如何使用angular4删除ng2chart js库中的第二次旋转

我已经将 ng2chart 库用于圆环图,并在圆环图中传递动态值,当传递图表时,它会完全旋转。

50表示甜甜圈转半圈,75表示转3/4圈,根据动态值,甜甜圈在旋转,需要去掉第二圈,怎么做?

这是一个用于甜甜圈的库:

在将圆环图中心孔填充为白色的同时,我们可以非常清楚地观察到第二次旋转吗?

问题:需要删除第二个旋转,否则需要删除第二个旋转结束边框。

这是一个演示: https ://plnkr.co/edit/V5n26VA1LkdYE4wLer6H?p=preview 。

任何人面临这个问题或更好的建议将不胜感激

0 投票
1 回答
4685 浏览

chart.js - 如何在chartjs折线图上突出显示特定区域

我正在使用chartjs在我的应用程序上绘制折线图。我有日期,x-axis但作为一个类别规模。表示标签是字符串,但是是dates. 在 y 轴上,我有数值。我正在更改某些功能的图表,更改后我想突出显示图表的某些区域。有什么办法可以突出折线图上的一个区域?我已经搜索但没有找到任何东西。

我想务实地做到这一点,就像我想强调一些特定的日期一样,所以我想产生这种效果。

在此处输入图像描述 任何形式的帮助将不胜感激。我是图表和javascript东西的初学者。

PS这是专门为line chart不为doughnut