chart.js 相关问题

Chart.js是一个JavaScript库，用于创建包含在网页上的动画交互式图形

如何在对数折线图中固定刻度距离

我正在为一个项目使用 chart.js，我想固定刻度之间的距离我试图阅读文档，但没有找到我要找的东西。

reactjs charts chart.js react-chartjs-2

回答 0 投票 0

当存在另一条现有图形线时，为什么图形点不连接在一起？

你好，我正在使用 ChartJs 制作一个图形，该图形使用 laravel 从 API 获取其值。我有一个问题，如果我有超过 1 条图形线，其他图形点将不会连接 ...

laravel chart.js

回答 0 投票 0

如何使用 ChartJS 获取水平条？

使用官方 ChartJS 文档，我试图为我的每个数据获取水平条。我尝试使用 x 或 y，更改选项或数据集但没有成功。我应该指出没有

chart.js

回答 2 投票 0

How to set a broken y axis chart using chart.js

我有一张这样的图表 img 由于每个数据之间的比例有差距，所以我想在 excel 中将其绘制为断开的 y 轴图表。有没有办法用图表 js 做到这一点？我像这样设置这些图表

chart.js

回答 0 投票 0

Firestore orderBy("Date", "desc") 在 chart.js 图中无法正常工作

我们的 Firestore 数据集包含显示日期和时间的数据。我用过 ...orderBy("Date", "desc");我已经用表格尝试过这个并且它与表格一起工作得很好，但是它是......

javascript google-cloud-firestore chart.js

回答 1 投票 0

How to add a custom plugin (or use quadrants) with ConsoleTVs Laravel Chart Plugin?

我正在使用 Laravel 图表 (https://charts.erik.cat/) 和默认的 ChartJS 库。效果很好，除了我不知道如何添加自定义插件。我一直在努力让我的背景......

laravel charts chart.js

回答 0 投票 0

ChartJS 不根据 x 轴数据渲染线条

资料：常量数据={ “标签”： [ 0, 400, 800, 1200, 1600, 2000年， 2400, 2800, 3200, 3600, 4000 ], “数据集”：[...

reactjs chart.js react-chartjs

回答 2 投票 0

chart js + typescript 导致无法解析'react-server-dom-webpack'

这是我的 page.tsx 文件从“下一个/图像”导入图像从 './page.module.css' 导入样式从“反应”中导入反应，{forwardRef}；从 'next/router' 导入 { useRouter } 从'

reactjs next.js chart.js web-developer-toolbar

回答 2 投票 0

如何将数据从 mysql db 传递到 js 中的图表 js [关闭]

如何将睡眠时间从 mysql 传递到 chartjs 数据。 const sql= select BedTime,wakeUpTime,(-(BedTime-12)+(0+wakeUpTime)) 作为 Sleepdurtion from Usersleepinfomation order by id limit 5;

mysql express chart.js handlebars.js

回答 0 投票 0

在 chart.js 4 中获取条形图的 X 坐标条形图

我使用 Chart.js v4.2.1 条形图 <p>我使用 Chart.js v4.2.1</p> <pre><code><html> <head> <meta charset="utf-8" /> <title>Bar chart</title> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body> <div> <canvas id="barchart"></canvas> </div> </body> <script type="text/javascript"> var canvas = document.getElementById('barchart'); var chart = new Chart(canvas, { type: 'bar', data: { labels: ["Audi", "VW", "KIA"], datasets: [ { label: "Cars", backgroundColor: ["#3e95cd", "#8e5ea2", "#3cba9f"], data: [2601, 4769, 602], }, ], }, }); </script> </html> </code></pre> <p>为了获得柱数，我执行 chart.data.datasets[0].data.length 并得到 3。要获得第一个柱的 Y 值，我执行 chart.data.datasets[0].data[0] 并获得 2601.</p> <p><em><strong>如何获取条形的 X 值（X 坐标）？</strong></em> （我对使用任何插件都不感兴趣）。</p> </question> </body></html>

javascript chart.js

回答 0 投票 0

无法显示日期 X 轴，如何获取所有日期，而不仅仅是绘制数据点的位置？

我有一个图表来显示不同时间的值，但没有每一天的数据点。该图表仅在存在数据点的 X 轴上显示日期。我希望每个日期都有一个vertica ...

javascript charts chart.js

回答 0 投票 0

Chartjs 缩放插件最大缩放范围

我用 chartjs 创建了一个图表，它是一个 X 轴上有时间的折线图。我添加了 chartjs 缩放插件并设置了 minRange，这样用户在过去 7 天内无法缩放。我正在尝试...

javascript reactjs chart.js date-fns

回答 0 投票 0

将气泡图数据与来自 ChartJS 中 2 个 API url 的折线图数据相结合

我正在尝试将两个数据集组合成折线图和气泡图。问题是气泡图中的日期严重错位到随机日期而不是所需的日期，尽管......