问题标签 [chartjs-2.6.0]

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 投票
0 回答
482 浏览

javascript - 选定数据集中的值总和 - chart.js 折线图

我试图在标题中的图表上显示值的总和。即每日报告(总计:6242.12)

每当图表中排除任何数据集时,我想通过单击画布顶部的数据集图标来更新此数字。

目前我在图表之外有几个按钮可以更新图表中的数据并显示值的总和,但是当用户单击某个数据集以从折线图中包含/排除时,它当然不起作用。

有什么线索吗?

0 投票
1 回答
200 浏览

chart.js - 在 chart.js 中绘制一个带有列的圆环图来表示每小时的统计数据

这是一个代表每小时统计数据的图表。这是从 last.fm 网站获取的,该网站显示编号。每小时的“乱码”(播放的歌曲)。

按小时图统计

这种图表可以用chart.js吗?我已经能够找到与我正在寻找的东西相当的 highcharts: Highcharts Windrose Example

我已经在我的应用程序中使用了 chart.js,并且不想使用 2 个库来完成一项工作。我能找到的最接近的chart.js等效物是这个极坐标图

任何人都可以指导我找到可以帮助我构建这样的东西的资源吗?或者,如果您知道按小时表示统计数据的更好方法,我也对此持开放态度。

谢谢。

0 投票
1 回答
3568 浏览

chart.js - 如何在 Chart.js 中创建自定义对数轴

我正在尝试使用 Chart.js 重构旧的 Flex 应用程序,我想复制这个线性/对数轴。注意 yAxis 上干净的最小间距。

注意 yAxis 上干净的最小间距。

这是我的 Chart.js 代码。

这是一个屏幕截图。注意 yAxis 上拥挤的刻度。

注意 yAxis 上拥挤的刻度。

文档看来,您可以应用的唯一刻度属性是“min”和“max”属性。

有人可以提出解决方案吗?

0 投票
1 回答
945 浏览

laravel - 如何摆脱 ChartJS 中的轴线?

我已经用 ChartJS 玩了两天了,我似乎无法摆脱浅灰色的轴线(垂直和水平)。

我的图表的屏幕截图,指示我要删除的线条

因为它是一个 Laravel 项目,所以我正在使用 ConsoleTV 的 Charts 包。图表代码如下:

...呈现为...(一行):

我尝试对其进行格式化以提高可读性:

如您所见,我尝试将几个显示值设置为false。任何帮助,将不胜感激!

提前致谢。

编辑 到目前为止没有帮助的是添加这一行,尽管我完全相信它应该工作。这没有意义。我也看过其他解决方案,但是,给出的答案不起作用。

加载脚本的顺序: Head: 1. ChartJS Body: 1. 图表画布, 2. 图表配置

0 投票
1 回答
707 浏览

python-3.x - ChartJS 标签名称未显示,仅显示 ID

我一直在搜索这个主题几天,最近在我朋友的帮助下取得了很大的进展。我无法让数据正确显示,现在可以了。最后剩下的部分是让标签正确显示。我发现了一个类似的问题,并怀疑我可能能够使用数组,但不能完全弄清楚语法。这是类似的问题。 在 char.js 的标签中传递数组的每个元素是工作正常的代码,只是它显示外键的 ID,而不是实际名称。如果我从图表标签循环中删除 .id,则图表根本不会显示。无论出于何种原因,我似乎无法访问数据的名称,只能访问 ID。在此先感谢您的帮助。

我的 HTML

图表视图

图表视图

我的最后一部分是弄清楚如何获取书籍的名称,而不是我通过这行代码获得的外键 ID:

即使我执行 i.name 或 i.book_name 或任何我能想到的东西,似乎也无法访问该名称。经过进一步搜索,我相信我需要对名称进行某种类型的反向查找,但仍在尝试多种方法。提前感谢您的帮助。

0 投票
1 回答
1762 浏览

chart.js - chart.js 2 - 是否可以使用 HTML 格式化刻度标签?

我有一个显示 3 个数据集的图表 - 2 条线,1 条条形图。

我希望能够使用 HTML 格式化下面屏幕截图中的 Y-2 轴标签,以允许我将每个刻度中的值显示为气泡,以匹配行数据点上显示的样式。(我正在使用 datalabels 插件来实现数据点样式https://github.com/chartjs/chartjs-plugin-datalabels)。

除此之外,我希望所有带有“XLabelLine1”和“XLabelLine2”的标签在它们之间有一个换行符。

这可能吗?从查看文档来看,轴标签似乎只能是字符串。

3 数据集chart-js 2 带有条形和线条的图表

0 投票
0 回答
391 浏览

javascript - 漏斗图标签在外面

我需要那个下划线文字我曾使用“ https://cdn.jsdelivr.net/npm/chartjs-plugin-piechart-outlabels ”尝试以下代码,但我无法在外面获取标签,谁能帮帮我

我也尝试过使用数据标签,但没有用

我需要在屏幕截图中显示的标签外面用铅笔四舍五入

0 投票
1 回答
1473 浏览

javascript - 在散点图中设置 X 轴的最小日期 ChartJS

当我使用 Y 坐标的数值和 x 坐标的日期值传递我的数据点时,散点图从 1976 年开始 x 轴,即使我最早的日期是 2018 年。如何设置 x 轴起始值?这是我的数据和选项的样子。日期格式:2018/06/30

我尝试将新日期('2018/01/01')传递给建议的Min,我也尝试使用 Min 而不是建议的Min。

0 投票
1 回答
3256 浏览

charts - 如何从 Chart.js 的工具提示中删除背景颜色和颜色示例?

如何从 Chart.js 的工具提示中删除背景颜色和颜色示例?

我希望他不仅是白色的,而且是透明的,并且只显示这个数字,而不是带有颜色示例的正方形。

在此处输入图像描述

0 投票
0 回答
103 浏览

chartjs-2.6.0 - 在chartjs折线图中添加间隙

有一个像这样的标准折线图 Connected dots

是否可以在同一系列的两个点之间添加间隙?我的意思是,不在没有数据的系列中添加新值

就像下图中黄色突出显示的部分一样

像橙色部分那样做很容易,只需添加“空”数据,但这不是我需要的。

谢谢。