chart.js

我在尝试更改两个 yAxis 刻度之间特定图表区域的背景颜色时遇到了一些麻烦。这是我目前所拥有的： 这就是我想要的： 我看过一些类似的帖子，人们建议使用 Annotation 来做到这一点。我尝试在我的图表上使用它，但它不起作用。这是我第一次使用 chart.js 构建图表，所以我还在学习。这是我的代码： var profileChart = new Chart(ctx1, { type: "... »

我在 chartjs 中使用条形图。在那个条形图中，条形宽度不一致。表示当条数（标签）为 1 时，表示单个条显示为更大的宽度。它几乎占据了画布的整个宽度。 当条数（标签）为 3 或更多时，如果我尝试对条形图使用“barValueSpacing”，它工作正常。但如果我最小化浏览器，每个条都重叠意味着它没有反应。 在“JQPLOT”等其他图表中，条形的宽度会自动调整，它不关心条数，因为它具有“ba... »

我正在使用charts.js。 这是我的图表： 我在同一个图表中有 3 个或更多数据集，每个数据集都有不同的比例，让我们想象一下所有比例都在左边。 默认情况下，停用数据集时（例如在本例中单击“已售产品”），比例也会在 [-1, +1] 之间重新调整为 here on multi-axis demo code。 当数据集被停用时，有没有一种方法可以使数据集的比例消失？ 例如在这种情况下，如... »

我有 MongoDB 中的 arr 数据，需要将文档压缩成一个，以便我可以在 chartjs 中显示数据。 arr = [ { "_id": "5d7baef782e09dc7f6b5be2d", "awaySpread": "3.0", "homeSpread": "-3.0", "homeTeam": "Tenness... »

我正在尝试将Chartkick 与Chart.js 适配器一起使用，并尝试制作一个简单的双轴图表，但我的设置似乎都不起作用。我知道这只是格式问题，但我感觉好像我已经尝试了所有方法，但都没有运气。 我的数据是这种格式，如您所见，我已将yAxisID 添加到每个数据集。 @consultations = [{:name=>nil, :data=> [[Fri, 01 Dec ... »

我目前有一个显示多个数据的散点图。 现在我想显示和比较布尔值。这些都是重叠的，不能很好地分析。 当前代表：Chart with Boolean values 是否可以缩小 Y 轴并在 Y 轴的 y 方向设置偏移量？ 或者是否有可能将不同的图表堆叠在一起，并将上方的 X 轴与最低图表的 X 轴相关联？ 目标是这样的表示： https://react.rocks/example/react-d... »

因此，当我使用组合图表（条形图 + 线形图）时，我在使用 Chartjs 的早期版本（即 2.5）时遇到了一些问题，并且在处理时间序列数据时遇到了困难。 就上下文而言，我使用的是财务数据（股票价格和数量）。由于市场每周只开 5 天，因此数据中存在“缺口”。我不太担心这个差距，但是当使用 Chartjs 为时间序列数据重写的功能时，条形的宽度变得不规则。这是一个例子： 您可以看到每个“星期五... »

您好，我正在创建一个 Django 应用程序，我在其中使用 Chart.js 制作条形图。我有一个创建随机图表的按钮，但是当我将鼠标悬停在新生成的图表上时，旧的仍然在它后面。我怀疑这与我持有图表的 HTML 画布有关，但我不确定。我只想要一个图表，即单击按钮后创建的图表。我已经尝试通过在 JS 中使用 in this 在绘制之前清除画布的矩形。 var canvas = document.getE... »

我有一个很像这样的折线图：http://www.chartjs.org/samples/latest/charts/line/basic.html 我想将区域 -100 < y < -40 和 40 < y < 100 染成浅红色，以表明落在该区域中的点处于危险区域。 这是一个使用油漆的速写。欢迎任何类似的事情。 我怎样才能做到这一点？我尝试查看文档，但一无所获。 ... »

我使用chart.js 库创建了一个折线图并填充了折线下方的区域。 我遇到的问题是线下的填充不会在图表上的最后一个绘制点处停止。当线条停止但它继续前进时，曲线下的填充应该停止。有没有办法指定填充区域，这样它就不会超过线/最后一个绘制点？ 我查看了文档并找到了一个填充属性，但它并没有解决问题。我认为这可能与图表边框或网格线有关。 ... »

所以我试图在 Vue.js 组件中使用 Chart.js 显示一个漂亮的图表......不应该那么复杂，但我在那里碰壁了。 这是我的组件代码（语法基于Vue.js webpack boilerplate） <template> <canvas v-el:canvas style="width: 100%; height: 200px"></canvas&gt... »

我正在使用 Chart.js，它很棒，但我有一个问题，我用 Chart.js 制作了这个雷达图 如您所见，我拥有的值非常分散，所以我需要为每个标签设置一个最大值，有没有办法做到这一点？ 这是我的代码： @data = { labels: ["Health", "Phyisical Attack", "Magic Attack", "Phyisical Armor", "M... »

在循环（$.each）中收集参数后，我绘制了一个图表。字符串已组装，但不能像那样工作 var PieData = company; 当我复制该行并直接粘贴时，它工作正常。 var PieData = [{value: 14, color: '#2bea4f', highlight:'#2bea4f', label: 'Cts group'},{value: 4, color: '#4118... »

我正在尝试添加一个自定义工具提示，其中我必须从我在代码中定义的另一个列表中放置数据。 我正在创建一个 for 循环来遍历值，但我的工具提示上出现“未定义”。我哪里错了？ 这是我的相同https://codepen.io/_aishwariya_/pen/WNwzwzR?editors=1010的代码笔 options: { tooltips:{ callbacks:{ ... »

我目前正在创建一个系统以从 mysql 数据库中读取 json 格式的数据，并将这些数据显示在 chart.js 折线图中。当每分钟从发射器接收到这些值时，它们将被插入到数据库中。格式中的数据值为DateTimeOfRecording（mysql DATETIME）、温度和湿度。我已经设法让图表显示数据。 然而，时间戳之间的图形分隔是相同的，无论它们之间的时间差是多少。有什么方法可以缩放它们，例... »

我正在尝试在 chart.js 中制作一个折线图，以显示您将鼠标悬停在索引上时的点。如果您快速移动鼠标，则悬停动画似乎会出错并在您显然没有悬停的点上播放动画。您可以在这里看到我所指的 https://jsfiddle.net/yoh9L1km/3/ 和 https://www.chartjs.org/samples/latest/scales/linear/step-size.html 但在他们的... »

我正在使用 chartkick.js（它反过来使用 chartjs），我想在 C# 中为多系列图表创建数据结构，它看起来像这个 json 对象： series = [ {name: "User1", data: {"bananas": 3, "Apples": 4}}, {name: "User2", data: {"bananas": 5, "Apples": 3}} ] 请注意，... »

我正在使用Chart.js 和这个API 在澳大利亚创建covid-19 病例的折线图。 但是，在我执行检查页面上的元素或调整窗口大小等操作之前，API 数据不会加载到图表中。 这是我的 JS 文件： window.onload = function() { let dates = []; let confirmedCases = []; let confirmedRecov... »

以下错误： ERROR TypeError: Cannot read property '15' of undefined at ChartElement.getPixelForValue (Chart.js:14599) at ChartElement.updateElement (Chart.js:5930) at ChartElement.addElementAndReset (Chart.... »

我正在做一个项目，我必须使用 chartJs 创建大量图表。我注意到当图表数量上升到 1000 时，我的页面不断崩溃（取决于机器的内存）。 在使用 chrome devtools 进一步探索该问题后，似乎一旦创建图表，它们就不会被垃圾收集。每个图表对象和对象创建的数组（标签数组，其中数据数组的数据集数组）都保留在内存中，并且它们保留在内存中并且不会被垃圾收集。因为当页面中的图表数量达到其峰值时，它... »