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

javascript - 使用 Chartist.js 在条形图中显示条形内的文本

因此,我尝试使用 Chartist.js 图表在条形图的实际条形内显示一些文本。最终结果应如下所示:

在此处输入图像描述

我需要设置哪个属性才能获取条内的文本?

0 投票
0 回答
171 浏览

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' 变量。所以本质上,我的问题是脚本被包含但没有执行。

非常感谢您的帮助,因为已经有几天了,挫折感真的很强烈。

0 投票
1 回答
1398 浏览

javascript - 无法从 Angular 2 中的父级更新子组件视图

朋克:这里

我有一个子 comp chartist.component,我用它来渲染图表

在我的父组件app.ts中,我调用了chartist.component两次来呈现折线图和条形图

在父组件中,我有按钮来刷新折线图和条形图,它们只是更改数据变量中的数据,然后传递给子组件以呈现图表。

我的问题是,图表仅在单击刷新按钮时更新一次。每次我的数据对象更改时,我都想更新图表。

app.ts(父组件):

应用程序.html:

chartist.component.ts(子):

chartistChart.html:

0 投票
1 回答
882 浏览

javascript - Chartist.js React 模块未显示绘图

我正在通过react-chartistMeteor.js 应用程序中的 npm 包使用 Chartist.js 库来绘制一些数据。

问题: Chartist 图表仅显示轴,但不显示折线图!我错过了什么吗?

渲染组件

在此处输入图像描述

图表.jsx

包.json

0 投票
1 回答
1246 浏览

javascript - 如何更改图表图表特定网格线的颜色

我正在使用Chartist.js渲染折线图我正在尝试更改特定垂直网格的颜色,但我在插件中没有找到任何方法。

如图所示,我想将第 2 条和第 9 条垂直网格线变暗。(第 2 和第 9 仅作为示例,我将从后端获取要动态突出显示的网格的索引。)

在此处输入图像描述

我想以某种方式在抽奖活动中做到这一点,但不知道如何做到这一点。

0 投票
1 回答
9495 浏览

javascript - 如何在 Chartist.js 中更改图表的线条颜色

我目前正在使用Chartist.js,但无法更改 Chart 的默认线条颜色。

Chartist.js

示例图表图像

因为SIMPLE LINE CHART我试过:

但它没有带来任何结果。如何解决这个问题?

0 投票
0 回答
172 浏览

chartist.js - 将 HTML 传递给标签

是否可以将 HTML 节点传递给标签?我特别希望使标签也成为超链接 - 例如<a href="bla">Label</a>。我还看到有人询问Chartist label as image,这也可以解决。

我厌倦了用 HTML 和 dom 节点 ( createElement) 填充标签数组。我还尝试通过labelInterpolationFnc没有运气的 dom 节点和包含 HTML 的字符串。

有没有办法做到这一点?

0 投票
1 回答
2783 浏览

javascript - 在 Chartist 时间线中自定义工具提示

我有一个使用chartist.js的时间线,我正在使用chartist 工具提示插件

默认情况下,当您将鼠标悬停在某个点上时,工具提示会同时显示 x 和 y 值。

如何自定义工具提示文本以便仅显示 y 值?

Chartist 工具提示插件

从插件文档看来,transformTooltipTextFnc是我想要的,但我不确定如何使用它来仅显示“y”值。

代码

0 投票
1 回答
483 浏览

javascript - 是否可以从 Excel 表向 chartist.js 提供数据?

我正在尝试构建一个从 excel 工作表中获取数据并将其转换为图形的应用程序。我打算使用的库是chartist.js。如果操作了 excel 表,则应在不刷新页面的情况下重新创建图表。我想问以下问题:

  1. 这是达到预期目的的好工具吗?如果没有,有什么好的选择?
  2. 我将如何使用 javascript 直接从 excel 中获取数据并使用它来提供图表?是否只能通过使用 JSON 或 angular.js 等其他技术来完成?如果数据每分钟左右变化一次,那不是很昂贵吗?
  3. 如果有可能,您能否使用文档中显示的任何图表为我提供一个示例?

提前致谢。

0 投票
1 回答
234 浏览

javascript - 堆积条形图中的条形图

我想显示以下图表:

图表

许多图表库允许使用堆积条形图,例如:

但是如上所示的图表呢?我们的想法是为绿色、黄色和红色区域以及中心的黑条提供值......基于这些值应该呈现这样的图表。

我认为这可以通过创建堆叠条形图并“以某种方式”将条形图插入堆叠条形图来实现……然后“以某种方式”将标签放在那里……:D

如您所见,根本没有线索... :)