问题标签 [chartist.js]

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 回答
719 浏览

javascript - 在 Chartist 中,如何向特定图表添加特定选项?

我有一个页面,上面有几个图表,使用Chartist。我希望每个图表都有全局选项和单个选项。

这是一个展示我的问题的jsFiddle 。

注意:我是 JavaScript n00b,所以我可能在这里遗漏了一些非常基本的东西。

0 投票
1 回答
1485 浏览

javascript - 在 chartist.js 中渲染 Jira Agile Burndown?

问题

我正在使用来自 jira 的 json 数据来呈现项目的燃尽图。由于我不会深入探讨的原因,我不能使用内置的 Jira Agile 图表。我正在使用 chartist.js 来呈现燃尽图,但我遇到了麻烦,希望 chartist.js 用户的输入。

我附上了我想生成的图表的图像作为参考。

问题

  1. 燃尽事件在一天中发生不止一次。每个人都有它发生的时间。我不想在 x 轴标签组中显示每个发生的具体时间。有没有办法在特定日期将特定日期的事件“分组”,但表明它们并不是同时发生的?
  2. 我想创建一个燃尽“指南”(见附图中的灰线)。有没有一种简单的方法可以让一条线在给定的时间内从顶部开始并在底部结束?

旁白

我一直很喜欢使用 chartist.js,但我的项目并没有与它结婚,我可以使用任何我想要的图表库。我很乐意接受对另一个图表库的建议,该库可以满足我的需要。

Jira 中显示的燃尽图。 我需要自己复制这个

0 投票
1 回答
8472 浏览

javascript - 动画图表师在节目中

我喜欢 Chartist 的功能: https ://gionkunz.github.io/chartist-js/

但我希望 Chartist 以与 ChartJS 在显示图表时相同的酷方式为饼图制作动画,如下所示: http ://netdna.webdesignerdepot.com/uploads7/easily-create-stunning-animated-charts-with-图表-js/chartjs-demo.html

我读到您可以以某种方式将 CSS 动画添加到 Chartist,但我不知道如何。

0 投票
1 回答
1188 浏览

javascript - Chartist.js:除数不起作用

我试图让我的 Y 轴准确地划分为 [0, 250, 500, 750, 1000]。但是我设置为 250 的“除数”属性不起作用,它仍然是默认的 200。

查看JSFiddle的完整代码

0 投票
0 回答
394 浏览

chartist.js - Chartist 圆环图标签放错了位置

当我绘制一个简单的圆环图并增加标签的字体大小时,它们的位置会不均匀。

试图用设置进行补偿,但这只会使其中一个标签更加错位。这是一个错误还是可以修复?

http://jsfiddle.net/gx55mo6b/2/

0 投票
1 回答
2994 浏览

javascript - 将 Chartist 图表导出为 pdf 文档 (jspdf)

我的情况是我需要使用jspdf将图表输出到 javascript 生成的 pdf 文档中。

我想转换我网站上显示的图表。
我正在为此使用 Chartist。

有没有办法做到这一点?

0 投票
3 回答
936 浏览

javascript - Chartist.js 使填充区域一直向右扩展

我正在使用showArea: true但找不到合适的设置来完全填充。例子:

图表示例

我认为这是因为在它结束之后我没有任何数据点,但我不希望绿线一直延伸到顶部。还有另一种方法可以做到这一点吗?

0 投票
2 回答
4473 浏览

chartist.js - Chartist.js grid color

I would like to change grid color on Chartist.js from default grey. I tried to override ct-grid-color setting, but probably did something incorrectly. Can anyone please suggest how to do it?

0 投票
1 回答
1179 浏览

javascript - 使用 Chartist.js 为圆环图添加边框

我正在使用 Chartist.js 来创建一些圆环图。到目前为止,它非常简单易用,但在过去三个小时里我一直在尝试在形状周围创建一个边框(不用说我无法使用 SVG stroke 属性,因为插件本身使用了 stroke创建甜甜圈效果)。

是否有一个插件选项可以给图表一个边框?

我创建甜甜圈的方式非常简单:

当然,任何形式的帮助将不胜感激!

编辑:我也尝试过使用 cdcarson 的插件分支(在https://github.com/gionkunz/chartist-js/pull/330处等待拉取请求)使用填充形状而不是笔划来生成图表,但似乎有些东西被打破

0 投票
1 回答
314 浏览

angularjs - $injector:modulerr 使用 angular-chartist

刚刚将 angular-chartist 添加到我的应用程序中,现在出现以下错误:

我认为当我定义角度应用程序时会发生此错误:

我是否设置错误?

以下代码还处理 angular-chartist:

你可以在这里找到 angular-chartist 的文档