chart.js 相关问题

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

如何删除 chart.js 中图表周围的空白区域

我在 div 元素中有一个图表，如下所示，它周围有空白。我将如何删除那里的空白区域？检查元素图表我在这里尝试了所有答案：https://

typescript canvas chart.js svelte

回答 0 投票 0

Chart.js 更新多个图表

我正在使用这个函数来更新我图表的某个数据集，但它似乎不起作用，我不明白为什么功能： `函数 addData（图表、标签、数据、i）{ 图表.数据.标签...

javascript html chart.js

回答 1 投票 0

How to make round segment divider in donut chart in chart.js

我试着做看起来像 svg ，但不使用 svg 。 bcz in angular，我没有找到任何圆环图，看起来像，我确实找到了一张图表，但那是在 jquery 中，我不能使用 jquery。怎么...

javascript angularjs chart.js

回答 1 投票 0

如何从多级圆环图中的数据集中的特定数据隐藏工具提示

我想从我的多级圆环图的每个圆环的一个部分禁用工具提示。这是我的甜甜圈图我无法找到解决这个问题的确切方法。我正在使用...

javascript angularjs chart.js

回答 0 投票 0

Center chart.js 条形图画布

我正在尝试将高度和宽度基于视口的 Chart.js 条形图居中。文档明确指出下面的方法不起作用我正在尝试将高度和宽度基于视口的 Chart.js 条形图居中。文档明确指出以下方法不起作用<canvas style="margin: 0 auto;">。确实，它让图形不断缩小，越来越小。所有 StackOverflow 解决方案都推荐使用 margin: 0 auto;. 这是我的代码： HTML： <div class="chart-container"> <canvas id="myChart"</canvas> </div> CSS： .chart-container { position: relative; margin: 0 auto; height: 70vh; width: 90vw; } Javascript：有 Javascript 代码可以获取代码并在 in 中创建一个new Chart。简化如下： const element = document.getElementById('myChart'); new Chart(element, { type: 'bar', data: { labels: ['one', 'two', 'three'], datasets: [{ label: 'Alpha', data: [1, 2, 3] }] } }); 我最终使用了一些 Javascript： const chartContainers = Array.from(document.getElementsByClassName('chart-container')); const chartMaxWidthPercent = 0.9; const chartMaxHeightPercent = 0.7; function resizeChartContainers() { let maxWidth = chartMaxHeightPercent * window.innerWidth; let maxHeight = chartMaxHeightPercent * window.innerHeight; let width = Math.min(maxWidth, maxHeight * 2); let height = Math.min(maxHeight, maxWidth / 2); chartContainers.forEach(container => { container.style.width=`${width}px`; container.style.height=`${height}px`; }); } window.addEventListener("resize", resizeChartContainers); resizeChartContainers(); // Initial resize 然后在我的 CSS 中删除了高度和宽度规格： .chart-container { position: relative; margin: 0 auto; }

chart.js

回答 1 投票 0

如何在 React 图表 js 2 中隐藏图表中的网格线

我正在使用 react-chartjs-2 版本 5，我想隐藏网格线。我试过这个代码片段但没有用。 x轴：[ { 显示：假的，网格线： { 显示：假...

reactjs chart.js react-chartjs

回答 1 投票 0

Chart JS - 显示不正确的标签/数据

我正在尝试创建多个折线图，其中包含 Chart JS 和 Flask 中的每日、每月和活跃用户。例如，我希望第一个图表显示前 3 天每天的用户数...

flask chart.js

回答 0 投票 0

Chart.js Dayjs Adapter Error: This method is not implemented: 检查是否提供了完整的日期适配器

尝试创建一个使用 D3、Chart.js 和 Dayjs 和日期适配器的折线图，但我一直遇到问题。折线图从文件中获取价格（x 轴）和时间戳（y 轴）