问题标签 [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.
angularjs - 注释不适用于 ChartJS 2 中的线性类型
我正在尝试在我们的一个应用程序中使用 ChartJS2 创建一个图表;我们使用 AngularJS 1.x 和 RequireJS。所以为此我们使用了 ChartJs 2.7.0
当我尝试实现我们的要求时,我遇到了一个异常问题
- 当我将 x 轴类型定义为线性时,注释(垂直线)不会显示在图表上,如附图所示:当类型:'linear'
- 当我将线轴(X)类型注释为线性时,仅显示注释(垂直线),但图形根本不显示,如附图所示:注释线类型时:“线性”
我的 HTML 代码如下:
我的控制器代码如下:
任何形式的帮助将不胜感激。提前致谢。
javascript - 隐藏网格线时,在 ChartJS 条形图中编辑轴的样式
我有一个条形图,其网格线显示为假。现在,我需要为轴线(x 和 y)设置宽度和颜色。我可以将这些值设置为:
但是,当我想隐藏网格线时,我无法设置样式(宽度或颜色),只能用于轴。
我试过 scaleLineColor 但这似乎也没有用。这是我的完整代码:
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 函数创建的图表的句柄?
javascript - 我可以绑定 onclick 事件并在 chartjs 中编辑一个点吗
我正在使用 chartjs 来制作一个小项目。我在编辑这些点时遇到了一些困惑和不幸。
这个库中是否有任何函数可以绑定一个onclick
事件,它会显示一个弹出窗口并且我可以删除该点?
这是我想要的摘要:
- 单击该点并出现一个弹出窗口
- 单击删除按钮后,它删除了该点并重新绘制该点。现在我只使用简单的折线图这是我的 jsFiddle
我正在使用chartjs 2.6
javascript - 如何在 Chart.js 2 中设置轴的步长?
我使用带有 3 个 Y 轴的 chart.js 创建了一个简单的折线图: https ://codepen.io/anon/pen/dZVgKw
如您所见,最后一个是从 10 到 20,中间没有任何数字。如何在这里设置步长?
这就是我添加斧头的方式:
谢谢。
javascript - ChartJs:x 轴最小值和最大值不起作用
我正在根据用户输入从数据库中查询标签/x 轴。例如,用户查询数据,10 march 2017
但我得到16 march 2017
的数据是因为10 to 16
数据不可用。
问题:现在当我在它上绘制这个日期数组时,x-axes
它从 16 开始数据,但我想显示x-axes
从10-march-2017
. 我试图将其指定为:
它仍然显示从 16 开始的数据,忽略用户指定的日期。有什么解决方案吗?
angular - 如何使用angular4删除ng2chart js库中的第二次旋转
我已经将 ng2chart 库用于圆环图,并在圆环图中传递动态值,当传递图表时,它会完全旋转。
50表示甜甜圈转半圈,75表示转3/4圈,根据动态值,甜甜圈在旋转,需要去掉第二圈,怎么做?
这是一个用于甜甜圈的库:
在将圆环图中心孔填充为白色的同时,我们可以非常清楚地观察到第二次旋转吗?
问题:需要删除第二个旋转,否则需要删除第二个旋转结束边框。
这是一个演示: https ://plnkr.co/edit/V5n26VA1LkdYE4wLer6H?p=preview 。
任何人面临这个问题或更好的建议将不胜感激