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

javascript - reactjs 无法将 this.props 传递给 react-chartist

我想将 this.state 从“main.js”(父组件)传递到“bar.js”(子组件)。

这是我的子组件:

此外,对于何时应该使用 this.state 和 this.props,我仍然有些困惑。在这种情况下,我是否使用 this.props 正确地接近它?

0 投票
2 回答
2365 浏览

javascript - 如何调整 chartist.js 中网格线的间距?

我遇到了麻烦chartist.jsy-axis我想将网格线之间的间距调整为40px.(现在 36px)我已经尝试找到一些示例,但我找不到。

这是我当前的网格样式。

如果您知道,请告诉我。谢谢。

0 投票
1 回答
79 浏览

javascript - 在 D3.js 中使用 JSON 对象数组或单独的数组是更好的做法吗?

我正在尝试在 D3.js 中制作条形图,并且想知道为数据使用单独的数组(例如用于 x 轴数据的数组和用于 y 轴数据的另一个数组)或一个数组是否更好JSON 对象(使数据更有条理),还是没关系?

我注意到一些 javascript 图表库(例如 chartist.js)使用单独的数组。与 D3 相比,这是否意味着可以将数据分开?

0 投票
1 回答
1673 浏览

javascript - Chartist - add text to center of donut chart

I am trying to create a donut chart with text in the center. I need the donut chart to look like below: enter image description here

The total value is a variable that I am passing to the function that creates the chart. As of now this is what I have:

enter image description here

Code for the above chart is below:

Can someone please help me create the text inside the donut?

0 投票
3 回答
5653 浏览

chartist.js - Chartist 插件工具提示:在工具提示中添加标签

假设我的饼图有这种数据,我将使用GlobeGitter 的 Chartist 插件工具提示

如何在我的工具提示中添加标签的值?工具提示的示例文本

拉:5

0 投票
1 回答
216 浏览

javascript - 将 Chartist.JS 放入 Jade

快速提问,我试图在节点模板中使用 Chartist.JS 显示一个简单的条形图,但我无法让脚本运行它。你们有谁知道我的代码有什么问题,以及如何修复它?提前致谢。

我的主布局页面:

然后包含chartist代码的页面:

0 投票
1 回答
1224 浏览

javascript - 使用 chartist.js 控制堆积条形周围的间距

我正在绘制一个水平堆叠条形图。我想控制每个条形图上方和下方的空间。您可以使用以下命令指定每个条本身的高度:

但是,chartist 似乎会根据您为整个图表指定的高度来确定每个堆栈周围的空间。相反,我想指定每个堆栈周围的高度,并让图表的高度根据要绘制的条数增加。

我查看了 chartist 的 API/文档,但找不到我正在寻找的设置。我也尝试不设置图表的高度,但图表师只会使用可用的完整高度,并且仍然根据可用高度隔开条形。

有没有办法控制条形周围的间距(而不是条形宽度本身?)。

编辑:我正在尝试做的一个例子是: https ://gionkunz.github.io/chartist-js/examples.html#stacked-bar 在那个堆积条形图中,您可以看到 Q1、Q2、Q3 等。我想控制每一个占用的空间量,而不是让它由图表专家自动确定。

0 投票
2 回答
519 浏览

javascript - 如何在 chartist.js 中使用负数

我想显示负数,chartist.js但似乎不支持负数:

我的代码:

在此处输入图像描述

https://gionkunz.github.io/chartist-js/examples.html

0 投票
0 回答
929 浏览

charts - 如何使用 ClojureScript 中的新数据更新图表专家图表?

我是 ClojureScript 的新手,我正在尝试使用新数据更新图表。我正在使用 Chartist 和 Reagent。第一次渲染图表可以正常工作,但是如果我更改了 chartist 函数的数据,图表就不会再次渲染。我已经用 atom 尝试过不同的东西,并尝试使用 chartist 的更新功能。这是chartist更新api的链接

到目前为止,这是我的代码:

如果有人可以提供帮助,那就太好了。


更新:我通过在我的项目中添加无花果来修复它,不知何故这解决了问题并且图表得到更新。最后我还使用了component-did-update下Chartist的更新功能。这是无花果的链接https://github.com/bhauman/lein-figwheel

0 投票
1 回答
1679 浏览

javascript - Chartist.js:如何使图表轴不是从 0 开始,而是从最小值开始 10 和高于最大值 10?

有没有办法使图表线图上的 x 轴不是从 0 开始,而是从最小值以下 10 和最大值以上 10 开始,目前无论最小数字是多少,它总是从 0 开始?

Chartist 折线图