问题标签 [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 - Javascript 图表,自定义步数,但在可用空间上均分
我正在寻找一个可以设置自定义步长的 javascript 图表库。我想要一个条形图,其中某些值比其他值更重要。
我想要像 [0, 50, 90, 99, 100] 这样的刻度。并且这些值之间的空间相同。我尝试过 Google Charts 和 Chartist,但它们都将 99 和 100 彼此非常接近,但我希望它平分。
这是这样的想法:
任何人都知道如何实现这一目标?
javascript - 在 Sails.Js 上使用 Chartist
我正在尝试将 Chartist 与sails.js 一起使用,但我收到一条错误消息
Chartist 未定义]
我正在运行的代码是
我不知道为什么会这样,但我已经通过命令安装了 Chartist
npm install Chartist
谢谢你的时间,我希望我能尽快得到一些答案。
plugins - 用于条形图的 Chartist 插件数据点
我正在尝试让数据点为条形图工作,我找到了折线图的插件,但无法让它在条形图上工作,有人可以帮忙吗?数据点应显示在条形上方。https://jsfiddle.net/x79b1m2w/1/
javascript - 如何在 ReactJS 和 ChartistJS 之间为 svg 委派渲染责任
我已经使用 Charting 库创建了几个 svg 元素chartist.js
,现在我正在尝试将 svg 元素移植到React组件中。我了解 React 和 ChartistJS 都将尝试渲染 svg,并且由于该问题,我的图表不再渲染。我四处搜索并找到了react-chartist但它似乎因工具提示和触摸事件问题而损坏。
有没有一种方法可以将我的chartist.js
svg 元素集成到一个React
组件中,同时清楚地分离和委派两者之间的渲染职责?
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解决这个问题吗?
谢谢大家!
javascript - 在 Chartist 图表后添加元素
我正在尝试在Chartist图表下方添加一段文本。然而,Chartist 似乎将 DOM 元素的实际创建推迟到某个未知的未来时间点。
期待:
- 创建新的 Chartist 图表,然后
- 在图表后将元素附加到 dom
- 图表出现在 DOM 元素之前
实际的:
- 图表出现在 DOM 中的元素之后
如何让我的元素出现在图表之后?我看到一个事件 API,但他们没有列出是否有任何“完成”或“添加”事件。
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)。
javascript - 当名称中包含冒号时通过其属性选择元素
考虑我在这里的 CSS 选择:
这是使用https://gionkunz.github.io/chartist-js/的示例图表
我正在尝试选择 ct-bar 元素:
冒号似乎正在抛弃选择器。我尝试了各种转义方法 :, \3A 后面有一个空格,单引号和双引号 - 不走运。
html - Jade 中不允许重复的属性“{”
我正在尝试将脚本放入玉中,但它不会让我使用多个花括号。这是我试图放入玉中的图表代码。
我得到重复的属性“{”是不允许的。我不知道如何解决这个问题。任何帮助,将不胜感激。
javascript - 鼠标悬停在栏上时如何显示标签
我用 chartist.js 制作了一个条形图。
现在我想在栏上添加一些监听事件。
当鼠标悬停在栏上时,如何让标签显示?