我正在查看 chart.js 的堆叠条形图( https://www.chartjs.org/docs/latest/samples/bar/stacked.html ) 它们似乎几乎是自动将条形码堆叠在一起,这并不是我想要的。 在我的例子中,假设我想绘制 5 个垂直条,每个垂直条都有 2 个值。 ...
我正在查看 chart.js 的堆叠条形图( https://www.chartjs.org/docs/latest/samples/bar/stacked.html ) 它们似乎几乎是自动将条形码堆叠在一起,这并不是我想要的。 在我的例子中,假设我想绘制 5 个垂直条,每个垂直条都有 2 个值。 ...
如何使用相同的图表跨多个 canvas 呈现。 我想创建一个 ChartJs object 并将其分配给多个 canvas。 ...
信息:Chart.js v3.8.2 https://www.chartjs.org 示例:在此处输入图像描述我想水平画一条线并显示平均值。 ...
我想为 chart-js 中的折线图中的上升趋势分配绿色,为 chart-js 中的下降趋势分配红色。 我对 chartjs 比较陌生,我不确定如何访问数据元素来发现上升趋势或下降趋势。 我目前已将 rgba(75,192,192,1) 分配给行,而与趋势无关。 任何帮助表示赞赏。 ...
我尝试使用stack和offset ,但它似乎不起作用 这是我的代码: import React, { useEffect } from 'react'; import { Bar } from 'react-chartjs-2'; import useWindowWidth from 'w ...
我是 Chart.js 的新手,我一直在寻找一种在 chart.js 中显示所有标签的方法,无论标签是否有数据,我尝试了 max 和 min 但它不起作用所以我遇到滴答声回调: 但它没有用。 有没有办法像总是显示 12 个月、31 天、12 周一样显示固定标签 ...
我有一个来自后端的数据(带有mysql的flask-sqlalchemy),其中数据包含周、月和年的整数日期,如下所示: 在这种情况下,x 代表一年中的第几周: 我做的第一件事是映射数据并将 x 更改为 Javascript 和 chart.js 的可读格式,使用将年份中的星期数转换为实际日期 ...
我的 Vue 项目中有一个箱线图组件,我想在同一页面上将它重用于我正在构建的表格。 然而,尽管我的数据不同,我仍然得到这个Canvas is already in use. Chart with ID '0' must be destroyed before the canvas can be ...
我正在使用 npm 模块chartjs-node-canvas创建图表并将其添加到我的 xlsx 文件中。 我得到了想要的结果,而无需将我的应用程序作为 dokcer 容器运行。 这是使用 docker 运行我的应用程序后得到的结果: 这是我的 Dockerfile : ...
我试图只有表格标签,但让 js 生成整个表格。 所以我使用 createElement 作为标题,但在 tbody.innerHTML 中,我是字符串连接字符串插值 html,其中包含 tr,包括 td 内的 canvas。 我是动态生成的,在 for 循环中,我尝试渲染一行,然后有另一个 func ...
有没有办法在 ChartJS(3.7.0) 中设置水平条的垂直厚度。 或更改缩放级别或其他什么? 我有一个包含 50 行的记录集,应该显示 50 个水平条。 但是当图表被渲染时。 代表水平条的线条几乎不可见。 我正在使用这个配置: 我还在每个数据集中设置栏和最大厚度。 还将包含 <canvas ...
我正在使用 chart.js 开发 TreeMap。 它很好用,但问题是每个矩形只显示数据的值。 我想在值旁边添加一些自定义文本。 我如何实现这一目标? 运行此代码时,我得到每个矩形中的数字,但我需要在每个矩形的数字旁边附加一些文本。 我如何实现这一目标? ...
Chartjs中如何改变x轴(横轴)的宽度和颜色? 它似乎对 y 轴(垂直轴)使用zeroLineColor和zeroLineWidth有效,但它不适用于 x 轴。 如果我们添加: 它按预期工作,但我不希望垂直刻度从 0 开始。 有没有办法做到这一点? 这是我使用之前的代码得到的结果: Graph ...
我正在使用 Chart.js 来绘制一个简单的折线图。 如何在 xAxis 标签上制作小网格线? 折线图的文档在这里: https://www.chartjs.org/docs/2.7.3/getting-started/?h=line ,但我找不到任何关于它的信息。 我删除了 XAxis 和 Y ...
我的chartsjs标签有问题。 我的图表生成良好,我正在尝试设置图表,以便数据标签用于数据的文本部分而不是数字部分。 我的代码将数据标签显示为 4、6 和 2,因为我需要它们来显示文本:我、你和他们。 ...
我正在尝试完全更新 Chart JS 数据,但 x 轴上的旧数据 label 未重置。 我的代码有什么问题吗? 数据集中的数据数组对我来说似乎是正确的。 ...
我想用一个新的对象数组完全替换我的图表数据。 图表数据已被新数据替换,但在我调用 mychart.update() 后图表并未更新。 有什么方法可以在不破坏图表的情况下替换整个数据? 这是我的代码: 旧数据 新数据 ...
我正在使用 chartsJS 来显示饼图。 我每次页面刷新图表都会有不同数量的部分。 我试图将每个部分设置为随机颜色。 我通过以下方式创建随机颜色没问题: 然后我可以使用以下方法将饼图部分设置为这种颜色: 整个饼图变成随机颜色。 如何声明一个循环,将饼图的每个部分设置为随机颜色。 请注意, ...
我正在使用chartJS,在那里我有回调函数来在工具提示中显示数据。 随着数据增加,工具提示的溢出部分在画布中隐藏。 有没有办法防止工具提示溢出并添加滚动条来滚动工具提示中的数据? 下面是工具提示配置部分 有没有办法在工具提示中添加滚动条并防止画布溢出? ...
我正在使用 ChartJS v.2,我想用一个字符串来标记arrayX ,当鼠标悬停显示坐标时,该字符串将出现。 ArrayX 是点(数字),我应该用一些东西来标记。 ...