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

javascript - Javascript 图表,自定义步数,但在可用空间上均分

我正在寻找一个可以设置自定义步长的 javascript 图表库。我想要一个条形图,其中某些值比其他值更重要。

我想要像 [0, 50, 90, 99, 100] 这样的刻度。并且这些值之间的空间相同。我尝试过 Google Charts 和 Chartist,但它们都将 99 和 100 彼此非常接近,但我希望它平分。

这是这样的想法:

100 99 80

任何人都知道如何实现这一目标?

0 投票
1 回答
489 浏览

javascript - 在 Sails.Js 上使用 Chartist

我正在尝试将 Chartist 与sails.js 一起使用,但我收到一条错误消息

Chartist 未定义]

我正在运行的代码是

我不知道为什么会这样,但我已经通过命令安装了 Chartist

npm install Chartist

谢谢你的时间,我希望我能尽快得到一些答案。

0 投票
2 回答
4017 浏览

plugins - 用于条形图的 Chartist 插件数据点

我正在尝试让数据点为条形图工作,我找到了折线图的插件,但无法让它在条形图上工作,有人可以帮忙吗?数据点应显示在条形上方。https://jsfiddle.net/x79b1m2w/1/

0 投票
1 回答
149 浏览

javascript - 如何在 ReactJS 和 ChartistJS 之间为 svg 委派渲染责任

我已经使用 Charting 库创建了几个 svg 元素chartist.js,现在我正在尝试将 svg 元素移植到React组件中。我了解 React 和 ChartistJS 都将尝试渲染 svg,并且由于该问题,我的图表不再渲染。我四处搜索并找到了react-chartist但它似乎因工具提示和触摸事件问题而损坏。

有没有一种方法可以将我的chartist.jssvg 元素集成到一个React组件中,同时清楚地分离和委派两者之间的渲染职责?

0 投票
1 回答
1277 浏览

javascript - Chartist.js 在模式中添加图表

我在使用 Chartist.js ( Link ) 库时遇到了一个小问题。我能够在 html 页面上重现图表,但是,当我尝试放入引导模式时,图表只会压缩到 1 个像素。可以在此处找到示例:http: //jsfiddle.net/qw2Lnqng/4/。我 udnerstood 问题是由于图表不知道可用空间。选项卡 ( Link ) 也是如此。选项卡的解决方案在这里:http://jsbin.com/bawofakogu/1/edit?html,js,output。解决方案是添加这段代码:

我试图对模态做同样的事情,但没有成功。你能告诉我hot wo解决这个问题吗?

谢谢大家!

0 投票
3 回答
1146 浏览

javascript - 在 Chartist 图表后添加元素

我正在尝试在Chartist图表下方添加一段文本。然而,Chartist 似乎将 DOM 元素的实际创建推迟到某个未知的未来时间点。

期待:

  • 创建新的 Chartist 图表,然后
  • 在图表后将元素附加到 dom
  • 图表出现在 DOM 元素之前

实际的:

  • 图表出现在 DOM 中的元素之后

如何让我的元素出现在图表之后?我看到一个事件 API,但他们没有列出是否有任何“完成”或“添加”事件。

0 投票
1 回答
1155 浏览

angularjs - 使用 Angular-Chartist 和 CoffeeScript 格式化 Chartist 标签

我正在尝试将我的标签格式化为百分比。我已经尝试查看 Chartist.js 的文档并将其转换为 CoffeeScript,问题是事情对我来说不是很清楚,因为我们使用的是 Angular 和angular-chartist模块。这是一个相当微不足道的作品,我不能要求我的联合创始人花时间,因为我们的项目中有许多更大的作品在发挥作用,但我想了解我的不足之处。

该图表使用 chartist 指令显示(我猜它是其中的一部分angular-chartist):

<chartist class="ct-chart" chartist-data="typeCounts" chartist-chart-type="Bar" chartist-responsive-options="typeCounts.barResponsiveOptions"></chartist>

这是我尝试获取选项的咖啡脚本(请注意,标签和系列属性工作正常;但图表元素没有获取该barResponsiveOptions属性(因此console.log调试行没有触发):

现在图表显示 y 轴上的数据点为 1 的分数(例如 0.0 -> 1.0)。

0 投票
3 回答
2361 浏览

javascript - 当名称中包含冒号时通过其属性选择元素

考虑我在这里的 CSS 选择:

http://jsfiddle.net/dx8w6b64/

这是使用https://gionkunz.github.io/chartist-js/的示例图表

我正在尝试选择 ct-bar 元素:

在此处输入图像描述

冒号似乎正在抛弃选择器。我尝试了各种转义方法 :, \3A 后面有一个空格,单引号和双引号 - 不走运。

0 投票
1 回答
742 浏览

html - Jade 中不允许重复的属性“{”

我正在尝试将脚本放入玉中,但它不会让我使用多个花括号。这是我试图放入玉中的图表代码。

我得到重复的属性“{”是不允许的。我不知道如何解决这个问题。任何帮助,将不胜感激。

0 投票
1 回答
23646 浏览

javascript - 鼠标悬停在栏上时如何显示标签

我用 chartist.js 制作了一个条形图。

现在我想在栏上添加一些监听事件。

当鼠标悬停在栏上时,如何让标签显示?