问题标签 [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 回答
1648 浏览

javascript - Chartist.js 抛出 TypeError: a is null

我知道我在这里遗漏了一些愚蠢的东西。知道为什么我无法渲染图表吗?

TypeError: a is null 控制台中的错误消息。

0 投票
0 回答
100 浏览

javascript - 如何更新闭包中的变量?

好的,所以有一个名为ChartistJS的图表库。我在其中使用了一个名为Axistitle 插件的插件来显示axisTitle。我创建了一个plunker来突出这个问题。现在的问题是,当我打开下拉列表时,我想根据我选择的选项查看不同的轴标题。听起来很简单。

现在,如果您转到chartist-plugin-axistitle.js第 44 和 49 行的源代码,您会发现两个console.logs(options). 现在打开开发者控制台,清除控制台并从下拉列表中选择选项距离。您将在第 44 行和第 49 行看到两个 console.log()。现在查看第axisY.axistitle44 行和axisY.axistitle第 49 行的变量。看起来不同??一个必须Distance(km)在第 44 行,这是预期值,第 49 行将是Unit。为什么?上一行的值变成了Distance(km),还是Unit?它正在执行和打印,但为什么函数没有采用更新的值?我闻到它与关闭有关?我将如何解决这个问题?如何获得其中选项的更新值?

帮助表示赞赏。谢谢

编辑

因为我应该在这里给出一些简约的代码。

0 投票
1 回答
371 浏览

javascript - CSS:变换旋转不适用于跨度内部 SVG 标记

我使用 Chartis.js 创建了一个图表。我喜欢它,因为它反应灵敏。但是水平标签看起来没有响应,我试图让 X-label 旋转 90 度以保留大量空间,但它不起作用。

请帮助我,你可以在这里看到我的小提琴https://jsfiddle.net/740yajof/

0 投票
1 回答
1799 浏览

javascript - 使用 chartist.js 在图表的 Y 轴上格式化一个数以千计为一组的数字

我已经创建了图表以通过 JavaScript (PHP) 中的 Chartist.js 库以图形形式显示值。Y 轴的所有值都来自数据库。但我无法以数千组格式显示 Y 轴。即使在交叉点的工具提示上,我也想显示千格式值(检查图像)

PHP 代码

JavaScript 代码(图实际代码)

1 - 如果我在这里使用 number_format,那么它将转换为千位格式的值,但数组在单独的位置取值,所以实际值中断。

在此处输入图像描述

任何人都可以尝试解决这个问题吗?

0 投票
1 回答
608 浏览

javascript - 如何使用 Chart.js(或 Chartist)创建更新时动画堆积条形图?

我一直在尝试在 Chart.js 中创建一个堆叠条形图,因为它在每次更新时都会显示幻灯片动画,这很好,而 Chartist 则可以轻松创建堆叠条形图,但必须在每次更新时重新创建图表(我'已经尝试为它制作动画,但由于某种原因我太愚蠢了,无法做到)。

我使用的代码几乎是从 jtblin 的 github 上抄下来的,但出于某种原因,它对我来说并没有叠加:这些条只是彼此相邻。这是他图表的链接:http: //jtblin.github.io/angular-chart.js/examples/stacked-bars.html。控制器链接:http: //jtblin.github.io/angular-chart.js/examples/app.js

请在下面找到我的代码,请告诉我我做错了什么?

原始框架来自 blur-admin,如果有任何价值的话。

描述其显示方式的图像:

我的: 我使用 chart.js 的非堆叠条形图 Jtblin 的: 使用 chart.js 的 jtblin 堆积条形图

请注意(我认为这可能是问题的症结所在)我使用的是 Chart.JS 1.0.2。

或者,如果有人可以请告诉我如何使用 Chartist 进行动画更新,那也很棒。它更新良好,堆叠良好,拥有我想要的一切,但我无法让它动画化。我想我必须做一个 .on('draw', ),但我不知道怎么做。

0 投票
1 回答
363 浏览

javascript - Chartist.js 类型错误

我正在使用 chartist 来跟踪网站的一些指标,并且在绘图时遇到了困难。我看到的主要错误如下

第一个错误发生在第 8:3570 行,这可能没有帮助。第二个发生在 8:27311,这也可能没有帮助,在 chartist.min.js 插件中,这里是chartist minchartist full的链接,以下代码会导致这些错误。

玉片

Javascript 片段

饼图的标准输入:

线/条形图的图表标签/系列组合的标准输入:

如果我可以提供其他信息,请告诉我。我试图将内容量减少到我认为必要的量。

0 投票
1 回答
625 浏览

javascript - 如何重新启动绘图/动画 chartist-js?

chartist-js的帮助下,我创建了一个图表。我想再次开始绘制(动画)图。怎么做?我创建和动画图表的代码:

此代码仅包含创建图形的原始代码。我没有尝试重新绘制图表的代码。

0 投票
1 回答
649 浏览

javascript - 将值分配给 Chartist 图表值

有人可以帮我解决这个问题吗?我正在尝试动态设置Chartist 饼图数据。我有一个我在列表中显示的项目列表。每个项目都有一个图表,其中包含有关项目的一些信息,例如资金等。当我尝试设置我的 chartData 的“值”时,它拒绝将我的值检测为数字。下面是一个例子:

我做错了什么?..希望我的问题足够清楚

0 投票
1 回答
48 浏览

javascript - 在 Jenkins 中使用 chartist 抛出 - TypeError: self is undefined

尝试在 jenkins 插件中使用 chartist.js。我已经使用 cdn - 常规导入(和 css)导入了库。

但是我在浏览器调试中得到“TypeError:self is undefined”,而不是显示图表。我正在使用他们网站上最简单的 chartist.js 示例。

这是产生错误的函数的源代码:

0 投票
1 回答
1178 浏览

chartist.js - Chartist 不同系列

我正在使用 Chartist 创建图表。我有日期标签:

我有一个这样的系列:

不,我添加了一条具有不同系列值的新行。新行显示了一个点和另一个点之间的区别,如下所示:

图表显示两条水平线!如何正确显示线条?