问题标签 [chart.js2]

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 回答
1535 浏览

javascript - Chart.js 中带有 JSON 数据的堆积条形图

我有以下 JSON 数据。

在 X 轴上我想显示月份和年份,在 Y 轴上我想显示堆叠的产品信息条。例如在 2016-05 只有 Apple 所以它只会显示 apple。2016-09 年有 4 种产品,因此它将根据 4 种产品及其总重量显示 4 条桩棒。我已阅读 chart.js 文档。根据文档,我必须在数据集中提供 Y 轴值。如何提取数据集的 Y 轴值以从给定的 JSON 数据创建堆叠条?如果我想从上面给出的 JSON 数据手动创建图表,那么它将是这样的。

我需要一种data从给定 JSON 数据中提取部分数据集的方法。

0 投票
0 回答
528 浏览

javascript - chart.js 饼图:如何禁用 segmentShowStroke 但保持外边框完好无损?

我正在使用 chart.js 2.4.0 来绘制一些饼图。我不希望绘制段之间的边界,但我需要外部边界。我怎样才能得到这个?

不再工作了,并且

删除 BOTH 段和外部边界。提前致谢。

0 投票
1 回答
1934 浏览

javascript - 在 Chart.js 中向圆环图添加标签会显示每个图表中的所有值

我正在使用 Chart.js 在我的网站上绘制一系列图表,并且我编写了一个辅助方法来轻松绘制不同的图表:

drawChart() 方法的最后一个参数包含应该添加到图表中间的标签。该Chart.pluginService.register部分是绘制标签的代码。问题是,当我多次执行 drawChart 方法(在我的情况下为 3 次)并在方法执行中提供每个图表的标签时,所有三个标签在每个图表上都显示在彼此的顶部。我需要在相应的图表中显示每个标签。除标签外,所有其他参数均已正确处理。

我该如何做到这一点?

0 投票
1 回答
1428 浏览

charts - Chart.js 绘制带限制线的堆积条形图

我想使用Chart.js在图表中绘制一条水平线。但我做不到。

我找到了这个例子,但是我在将它转换为条形图时遇到了麻烦,因为它使用点来确定放置折线的位置,而条形图似乎没有使用“点”

在 Chart.js 2 中有更好的方法吗?也许使用折线图和条形图组合,或者是过度杀伤?

希望你们能帮我解决这个问题,我已经使用 CSS 和 Javascript 创建了这个图表,如下所示:

在此处输入图像描述

在这个例子中,限制是一个负值,所以它在实际线下方绘制了自己的图表,这可能会令人困惑,但主要的是这条线是在我选择的值处绘制的。:)

0 投票
8 回答
49904 浏览

chart.js - Chart.js - 增加图例和图表之间的间距

我有一个条形图,我在其中绘制了 3 条垂直线,每条线的顶部都有自己的标签。我希望这些标签高于 y 轴的顶部(在示例中高于 30% 线)但低于图例。我不知道如何增加顶部图例和图表之间的空间,以便我可以让我的垂直线标签(15、24 和 33)脱离图表本身但低于图例。有任何想法吗?

示例图表

0 投票
1 回答
38 浏览

javascript - 如何标记 x 和 y 轴 - 在折线图中

我正在使用 js 和chart.js,我正在尝试标记我的 x 和 y 轴,无论我尝试哪个示例都不起作用,在我的代码中,有几个示例 1. 更改使用2 labels,更改使用 .. 如何命名我的 x 和 y ?labelaxes

0 投票
2 回答
4939 浏览

javascript - 动态更改 x 轴上的日期

我有一个图表,我的 x 轴是一个时间线,我需要我的时间线根据我的数据动态变化。 例如: 如果日期范围(在我的数据中)很大,我需要我的轴显示月份,如果范围很小,那么天。我会尽量让它更清楚:我有一个日期范围:'09/07/2016' - '09/02/2016'-我的轴需要根据天显示我的数据。但是:如果我的范围是:'09/07/2016' - '09/02/2017'那么我的轴需要显示月份或季度,因为这两个日期之间的差距更大。有可能吗?怎么做?

0 投票
1 回答
6201 浏览

javascript - 在 chart.js 中的一条线上绘制点

我正在使用 chart.js 绘制简单的折线图。我想在我的行中显示红色的点。例如,我传递了一个数组作为从 1 到 100 的数字数据集。我想将偶数点显示为红色。这在chart.js中是否可行。

我知道我可以遍历该数组并从该数组中取出偶数值,然后将该数组传递给数据集。你能在这方面帮忙吗?这是我的数据集代码

这是我的数据集

data.assay_values 是包含数组的数组。

任何形式的帮助将不胜感激

0 投票
1 回答
874 浏览

javascript - Chartjs 饼图,径向位移(偏移量)

Chartjs 2 是否支持饼图段的径向位移(偏移)?

在此处输入图像描述

0 投票
1 回答
6806 浏览

angularjs - 如何定义 chart.js 时间刻度日期格式

我正在使用 chart.js,我想为我的数据设置自定义日期格式。我怎样才能做到这一点?

例如,这是我的 x 轴日期配置:

如何控制工具提示和轴刻度标签格式。