问题标签 [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.
aurelia - 无法在 Aurelia 项目中加载 Chartis js
我尝试将 chartis.js 添加到甚至一个全新的 aurelia 项目都没有成功。我尝试使用 aurelia cli 创建的两个不同项目。在第一个项目中,我尝试通过 npm 自行添加 chartis。我尝试使用 npm 安装 aurelia-chartis 插件的第二个项目。我按照 aurelia 插件指南进行操作,但仍然一无所获。
似乎在我的两个项目中,实际的 chartis.js 脚本都被添加到 vendor-bundle.js 中,但该脚本从未真正执行过。
具体来说,在供应商捆绑包中,我看到了以下代码:
其中 factory() 是实际的脚本。我在该行中放置了一个断点,然后自己运行了 root['Chartist'] = factory(),并确认已正确创建了全局 'Chartist' 变量。所以本质上,我的问题是脚本被包含但没有执行。
非常感谢您的帮助,因为已经有几天了,挫折感真的很强烈。
javascript - 如何更改图表图表特定网格线的颜色
我正在使用Chartist.js渲染折线图我正在尝试更改特定垂直网格的颜色,但我在插件中没有找到任何方法。
如图所示,我想将第 2 条和第 9 条垂直网格线变暗。(第 2 和第 9 仅作为示例,我将从后端获取要动态突出显示的网格的索引。)
我想以某种方式在抽奖活动中做到这一点,但不知道如何做到这一点。
chartist.js - 将 HTML 传递给标签
是否可以将 HTML 节点传递给标签?我特别希望使标签也成为超链接 - 例如<a href="bla">Label</a>
。我还看到有人询问Chartist label as image,这也可以解决。
我厌倦了用 HTML 和 dom 节点 ( createElement
) 填充标签数组。我还尝试通过labelInterpolationFnc
没有运气的 dom 节点和包含 HTML 的字符串。
有没有办法做到这一点?
javascript - 在 Chartist 时间线中自定义工具提示
我有一个使用chartist.js的时间线,我正在使用chartist 工具提示插件
默认情况下,当您将鼠标悬停在某个点上时,工具提示会同时显示 x 和 y 值。
如何自定义工具提示文本以便仅显示 y 值?
从插件文档看来,transformTooltipTextFnc是我想要的,但我不确定如何使用它来仅显示“y”值。
代码
javascript - 是否可以从 Excel 表向 chartist.js 提供数据?
我正在尝试构建一个从 excel 工作表中获取数据并将其转换为图形的应用程序。我打算使用的库是chartist.js。如果操作了 excel 表,则应在不刷新页面的情况下重新创建图表。我想问以下问题:
- 这是达到预期目的的好工具吗?如果没有,有什么好的选择?
- 我将如何使用 javascript 直接从 excel 中获取数据并使用它来提供图表?是否只能通过使用 JSON 或 angular.js 等其他技术来完成?如果数据每分钟左右变化一次,那不是很昂贵吗?
- 如果有可能,您能否使用文档中显示的任何图表为我提供一个示例?
提前致谢。
javascript - 堆积条形图中的条形图
我想显示以下图表:
许多图表库允许使用堆积条形图,例如:
- Chartist.js
- d3.js
- 画布JS
- 等等
但是如上所示的图表呢?我们的想法是为绿色、黄色和红色区域以及中心的黑条提供值......基于这些值应该呈现这样的图表。
我认为这可以通过创建堆叠条形图并“以某种方式”将条形图插入堆叠条形图来实现……然后“以某种方式”将标签放在那里……:D
如您所见,根本没有线索... :)