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

meteor - 无法让 Chartist 图例插件工作

我已经安装了 mfpierre:chartist meteor 包并安装了 mspi:chartistlegend 插件(两个都是大气包)。我有这样的插件:

图表不会在“插件”键/值对到位的情况下呈现。如果我删除“插件”键/值,图表呈现正常。据我所知,我正在关注文档。欢迎任何帮助。

0 投票
1 回答
5904 浏览

chartist.js - Chartist.js 和事件

我正在尝试在我正在呈现的图表上添加点击事件。从 chart.click 到 chart.on('click', function (e){ })。

我想要做的是允许用户选择图表上的点,对我来说现在用户做了什么选择。使用 chartist.js 有可能吗?

我通读了文档:CHARTIST.JS

我的代码:

0 投票
0 回答
116 浏览

css - 在 SVG 中旋转 IE 中的文本

我正在使用 chartist 框架创建一些图表,并且我想旋转 x 轴标签。

不幸的是,我的解决方案在 ie11 中不起作用。请看下面的小提琴。

https://jsbin.com/zusofijave/1/edit?html,css,js,输出

欢迎任何想法

0 投票
1 回答
1813 浏览

chartist.js - 如何在 chartist.js 中使用时间戳数据?

我有一个数据集,其中 x 值是时间戳。

时间戳是不规则的 - 所以一个是 2016-12-13T00:01:02Z,另一个是 2016-12-13T02:13:05Z。

我想将此数据绘制成显示一整天的折线图,这意味着 X 轴将显示 00 01 02 ... 22 23 24。

我将如何在 chartist.js 中做到这一点?

0 投票
1 回答
604 浏览

jquery - 动作选择器上的 chartist js:查找 ct-point 元素的坐标

基本上是从这里的这个主题(鼠标悬停时如何显示标签)我想要的,当我将鼠标悬停在一个线图上时[这个例子是一个条形图](即使我不是直接在这个系列上),我想要至:

1)获取我结束的系列点的值

2)获取引用的css选择器

这样我就可以

1) 显示值

2)在元素上应用临时CSS(比如扩大“点”元素)

我试图检查 ct 图表对象,但任务被证明是艰巨的。

在实践中:

$(this).attr('ct:value')折线图案例中的等价物是什么?

在图片中(忘记这条线,我稍后会处理它):

从:

在此处输入图像描述

至:

在此处输入图像描述

0 投票
0 回答
401 浏览

sass - 如何为不同样式的多个图表自定义 Chartist.js?

前言:Sass 新手,Less 更好,但也不是很好。

我正在使用 chartist 在两个单独的视图中绘制折线图和饼图。Chartist 提供了一个_chartist-settings.scss包含大量全局常量定义的文件。文档说要更改这些以自定义图表的外观。但是,我希望每个图表都有自己的样式,但我不确定我现在在 SCSS 中的做法是否正确。

让我们以图表的标签字体大小为例。在文件中,这是使用$ct-text-size变量设置的。

理想情况下,我会为这些常量定义值,这些值会根据图表的范围而改变。所以图表<div class="line">I can have$ct-text-size: 2rem和 under <div class="pie">have $ct-text-size: 1rem。但是,我无法弄清楚如何做到这一点。有没有办法做到这一点?

相反,为了使它工作,我查看了这些常量最终被使用的类(在这种情况下.ct-label)并根据范围直接更改它们(见下文)。然而,这似乎违背了_chartist-settings.scss提供的抽象,因为它将它与模块的内部 SCSS 工作结合在一起。

0 投票
0 回答
323 浏览

image - Chartist 标签作为图像

我正在使用图表专家创建圆环图。我想将标签替换为图像。

尝试找到一些简单的东西,只需将字符串替换为图像

任何想法?

0 投票
1 回答
106 浏览

ember.js - Ember Chartist 使用来自 REST-API 的数据

我正在尝试在 ember 中显示一个图表,其中包含从 API 加载的数据。图表中显示的数据是根据来自 API 的不同值计算得出的。因此,我在包含 API 数据作为模型的路线上显示图表的第一种方法是将示例图表数据添加到现有模型中。以下是该方法的代码:

}

所以我的问题是:
为什么上面的示例不起作用,而没有现有模型的相同代码(以下示例)可以正常工作?

}

提前谢谢了。

0 投票
1 回答
888 浏览

javascript - chartist.js 关于更新/更改数据的动画

有没有办法使用 Chartist.js 在更新/更改数据上添加动画/过渡?

我现在正在尝试通过抽奖活动来做到这一点,但这对我来说似乎几乎不可能。

0 投票
1 回答
2158 浏览

javascript - 替换 chartist.js 中的 y 轴标签

我不知道如何替换chartist 中的y 轴标签!我在Chartist.js-API 文档中没有找到任何内容。我需要用 X 替换 0 ,用 B 替换 2 ,用 A 替换 1。想法会很棒!

我在JSFiddle的代码。