问题标签 [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.
javascript - Chart.js 中带有 JSON 数据的堆积条形图
我有以下 JSON 数据。
在 X 轴上我想显示月份和年份,在 Y 轴上我想显示堆叠的产品信息条。例如在 2016-05 只有 Apple 所以它只会显示 apple。2016-09 年有 4 种产品,因此它将根据 4 种产品及其总重量显示 4 条桩棒。我已阅读 chart.js 文档。根据文档,我必须在数据集中提供 Y 轴值。如何提取数据集的 Y 轴值以从给定的 JSON 数据创建堆叠条?如果我想从上面给出的 JSON 数据手动创建图表,那么它将是这样的。
我需要一种data
从给定 JSON 数据中提取部分数据集的方法。
javascript - chart.js 饼图:如何禁用 segmentShowStroke 但保持外边框完好无损?
我正在使用 chart.js 2.4.0 来绘制一些饼图。我不希望绘制段之间的边界,但我需要外部边界。我怎样才能得到这个?
不再工作了,并且
删除 BOTH 段和外部边界。提前致谢。
javascript - 在 Chart.js 中向圆环图添加标签会显示每个图表中的所有值
我正在使用 Chart.js 在我的网站上绘制一系列图表,并且我编写了一个辅助方法来轻松绘制不同的图表:
drawChart() 方法的最后一个参数包含应该添加到图表中间的标签。该Chart.pluginService.register
部分是绘制标签的代码。问题是,当我多次执行 drawChart 方法(在我的情况下为 3 次)并在方法执行中提供每个图表的标签时,所有三个标签在每个图表上都显示在彼此的顶部。我需要在相应的图表中显示每个标签。除标签外,所有其他参数均已正确处理。
我该如何做到这一点?
javascript - 如何标记 x 和 y 轴 - 在折线图中
我正在使用 js 和chart.js
,我正在尝试标记我的 x 和 y 轴,无论我尝试哪个示例都不起作用,在我的代码中,有几个示例 1. 更改使用2 labels
,更改使用
.. 如何命名我的 x 和 y ?label
axes
javascript - 动态更改 x 轴上的日期
我有一个图表,我的 x 轴是一个时间线,我需要我的时间线根据我的数据动态变化。
例如:
如果日期范围(在我的数据中)很大,我需要我的轴显示月份,如果范围很小,那么天。我会尽量让它更清楚:我有一个日期范围:'09/07/2016' - '09/02/2016'
-我的轴需要根据天显示我的数据。但是:如果我的范围是:'09/07/2016' - '09/02/2017'
那么我的轴需要显示月份或季度,因为这两个日期之间的差距更大。有可能吗?怎么做?
javascript - 在 chart.js 中的一条线上绘制点
我正在使用 chart.js 绘制简单的折线图。我想在我的行中显示红色的点。例如,我传递了一个数组作为从 1 到 100 的数字数据集。我想将偶数点显示为红色。这在chart.js中是否可行。
我知道我可以遍历该数组并从该数组中取出偶数值,然后将该数组传递给数据集。你能在这方面帮忙吗?这是我的数据集代码
这是我的数据集
data.assay_values 是包含数组的数组。
任何形式的帮助将不胜感激
angularjs - 如何定义 chart.js 时间刻度日期格式
我正在使用 chart.js,我想为我的数据设置自定义日期格式。我怎样才能做到这一点?
例如,这是我的 x 轴日期配置:
如何控制工具提示和轴刻度标签格式。