问题标签 [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.
javascript - Chartist.js 抛出 TypeError: a is null
我知道我在这里遗漏了一些愚蠢的东西。知道为什么我无法渲染图表吗?
TypeError: a is null 控制台中的错误消息。
javascript - 如何更新闭包中的变量?
好的,所以有一个名为ChartistJS的图表库。我在其中使用了一个名为Axistitle 插件的插件来显示axisTitle。我创建了一个plunker来突出这个问题。现在的问题是,当我打开下拉列表时,我想根据我选择的选项查看不同的轴标题。听起来很简单。
现在,如果您转到chartist-plugin-axistitle.js
第 44 和 49 行的源代码,您会发现两个console.logs(options)
. 现在打开开发者控制台,清除控制台并从下拉列表中选择选项距离。您将在第 44 行和第 49 行看到两个 console.log()。现在查看第axisY.axistitle
44 行和axisY.axistitle
第 49 行的变量。看起来不同??一个必须Distance(km)
在第 44 行,这是预期值,第 49 行将是Unit
。为什么?上一行的值变成了Distance(km)
,还是Unit
?它正在执行和打印,但为什么函数没有采用更新的值?我闻到它与关闭有关?我将如何解决这个问题?如何获得其中选项的更新值?
帮助表示赞赏。谢谢
编辑
因为我应该在这里给出一些简约的代码。
javascript - CSS:变换旋转不适用于跨度内部 SVG 标记
我使用 Chartis.js 创建了一个图表。我喜欢它,因为它反应灵敏。但是水平标签看起来没有响应,我试图让 X-label 旋转 90 度以保留大量空间,但它不起作用。
请帮助我,你可以在这里看到我的小提琴https://jsfiddle.net/740yajof/
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 1.0.2。
或者,如果有人可以请告诉我如何使用 Chartist 进行动画更新,那也很棒。它更新良好,堆叠良好,拥有我想要的一切,但我无法让它动画化。我想我必须做一个 .on('draw', ),但我不知道怎么做。
javascript - Chartist.js 类型错误
我正在使用 chartist 来跟踪网站的一些指标,并且在绘图时遇到了困难。我看到的主要错误如下
第一个错误发生在第 8:3570 行,这可能没有帮助。第二个发生在 8:27311,这也可能没有帮助,在 chartist.min.js 插件中,这里是chartist min和chartist full的链接,以下代码会导致这些错误。
玉片
Javascript 片段
饼图的标准输入:
线/条形图的图表标签/系列组合的标准输入:
如果我可以提供其他信息,请告诉我。我试图将内容量减少到我认为必要的量。
javascript - 如何重新启动绘图/动画 chartist-js?
在chartist-js的帮助下,我创建了一个图表。我想再次开始绘制(动画)图。怎么做?我创建和动画图表的代码:
此代码仅包含创建图形的原始代码。我没有尝试重新绘制图表的代码。
javascript - 将值分配给 Chartist 图表值
有人可以帮我解决这个问题吗?我正在尝试动态设置Chartist 饼图数据。我有一个我在列表中显示的项目列表。每个项目都有一个图表,其中包含有关项目的一些信息,例如资金等。当我尝试设置我的 chartData 的“值”时,它拒绝将我的值检测为数字。下面是一个例子:
我做错了什么?..希望我的问题足够清楚
javascript - 在 Jenkins 中使用 chartist 抛出 - TypeError: self is undefined
尝试在 jenkins 插件中使用 chartist.js。我已经使用 cdn - 常规导入(和 css)导入了库。
但是我在浏览器调试中得到“TypeError:self is undefined”,而不是显示图表。我正在使用他们网站上最简单的 chartist.js 示例。
这是产生错误的函数的源代码:
chartist.js - Chartist 不同系列
我正在使用 Chartist 创建图表。我有日期标签:
我有一个这样的系列:
不,我添加了一条具有不同系列值的新行。新行显示了一个点和另一个点之间的区别,如下所示:
图表显示两条水平线!如何正确显示线条?