图表；无法读取未定义的属性“0"
我想做的是使用 chartjs 创建条形图.数据通过 $.ajax 检索.从 $.ajax 检索到的 JSON 数据稍后将添加到数据集.但是，当我要创建一个chartjs 时.Chart.js 库出现错误: Uncaught TypeError: Cannot read property '0' of undefined 我在加载完ajax后检查了所有数据.JSON没有问题(我已经检查了控制台
..
chart.js相关内容
删除 Chart.js 中饼图上的切片 onClick 事件
我对 Chart.js 上的饼图有疑问. 单击切片时删除切片的最佳方法是什么?我知道方法 getSegmentsAtEvent() 可用于读取切片属性.可以找出我正在单击的切片循环遍历切片对象，直到找到匹配项.有没有更简单的方法来实现它? tks 解决方案 这可以通过以下函数实现:getSegmentsAtEvent(event) 和 removeData( index )
..
自动删除 Chart.js 中的旧数据点
我有一个实时数据图表，由 Javascript 更新. 但如果脚本运行时间过长，数据就会被塞满. 旧数据必须移到左侧然后被删除. 现场演示:https://codepen.io/benni_de/pen/ajGood 代码: function reLoad() {adddata(Math.random() * 100, Math.random() * 10);设置超时
..
Chart.js 未显示动态填充的数据
尝试在 chart.js 中动态填充条形图时遇到了一些问题.我有两个数组，一个用于标签，一个用于价格，它们都已经填充了来自 firebase 的排序数据.这是我的代码: var ctx = document.getElementById('brandChart').getContext("2d");变量数据 = {标签: []，数据集:[{数据: []，背景颜色: ["#424242",]}]}
..
Chart.js - 在条形图中绘制水平线(类型栏)
..
为什么我不能在 Codeigniter 中使用 Chart.js 创建月度销售报告
我有一个用 chart.js 创建的图表 我每天从数据库中获取总数，有些日子没有这样的收入: id |卖家 |日期 |数量 |价格 |全部的1 3636 2019-10-09 10:00 4 1,2 4,82 3045 2019-10-09 15:51 2 0,6 1,23 3636 2019-10-06 11:05 8 1,0 8,04 3636 2019-10-04 14:03 5 0
..
React 基于 api 响应渲染 Chart.js
我正在使用 reacts 和 chart.js，以及 chart-js/react 包装器.我从 API 动态提取数据，然后根据返回的数据绘制图表.问题是它只是 API 调用中显示在图表中的一个名称.应该是三个名字. 我认为问题在于 Graph 组件的渲染是在 API 返回所有数据之前渲染的，因此该图仅包含名字.至少这是我的想法.我曾尝试使用 componentWillMount 函数，但无
..
如何更改 Chart.js (2.9.4) 中的工具提示方向?
我在 Chart.js 2.9.4 中有一个堆积条形图. 悬停时，工具提示的提示位于每个栏的顶部中心，但工具提示本身会呈现在右侧并挡住其他栏的视图. 我想在栏上方绘制工具提示.有没有办法做到这一点? 在此处查看 JSFiddle. (这是 StackOverflow 要求的原始代码) //获取过去 14 天的 x 轴var allDates = [时刻('2021-04-
..
更改图表的标签
是否可以在html中更改图表的标签. 我已经实现了一个圆环图.标签定义为 public chartLabels = ["korea", "tokyo", "sydney"] 我知道我可以在这里更改标签名称. 但我必须以标签根据语言选择进行翻译的方式来命名它.我像 一样在 html 中做 {{'韩国'|翻译}} 那么如何根据翻译需要更改标签 html中的标签是这样定义的
..
图表没有从它从 Jquery 收到的值更新
..
如何在charts.js 中旋转饼图?
看起来像 charts.js 中的饼图是通过在圆的上半部分取垂直半径，然后从那里顺时针移动来绘制的.这在大多数情况下都很好用，但是对于只有 2 个类别的饼图，如果可以旋转它以使切片居中，那就太好了，如下所示: 旋转是通过取 360 的百分比并除以 2 来计算的.(.14*360)/2 = 25.2 度左，所以如果我可以申请的话 变换:rotate(-25.2deg); 到那个圈子我就好了
..
我怎样才能创建像chartsjs这样的移动图形的背景?
如果我进入网站 http://www.chartjs.org/ ， 我看到动态图的壁纸如图: 我想要实现的是这些文本和按钮背后的动态图形壁纸.我想知道如何在我的网站上实现这一目标? 这是一个真实的图表吗?还是只是动画图片? 谢谢！ 解决方案 这是在 Chart.JS 中制作的精确图表，当您检查该元素时请注意它在 .然后，您
..
如何使用chartjs从左到右绘制带有线条动画的折线图?
我正在使用 chartjs 插件实现折线图.我的折线图已绘制加载时从下到上.我想要从左到右的动画线条.我该如何改变? 解决方案 你可以在初始化覆盖中扩展图表并覆盖动画的起始值，像这样 Chart.types.Line.extend({名称:“LineAlt"，初始化:函数(数据){Chart.types.Line.prototype.initialize.apply(this, argu
..
ChartJS 在 show() 调用时重放图表动画
我有一个充满图表的页面，它会自动生成所有可用的图表(因为默认页面是“所有图表").其中有一个选择部门标签，它将隐藏除所选部门拥有的图表之外的所有图表.这是我的代码: $(window).load(function(){$('#department').change(function(){active_department($(this).val());});功能 active_departmen
..
如果静态值有效但 mySQL 中的动态值无效，如何使用 Javascript 在 Chart.js 中显示 JSON 数据?
我有以下格式的 JSON 数据: {“标签":[“12.11.2016"，“13.11.2016"，“14.11.2016"，...]，"温度": ["12", "35", "27", ...],“湿度":[“56"，“70"，“87"，...]} 并希望在 Chart.js 中显示它. 我已经找到 这个 示例，但不知何故无法正常工作... 我的 Chart.js 代码如下:
..
使用 Chart.js 从时间字符串中绘制单圈时间
我正在尝试使用 Chart.js 绘制一个显示一系列单圈时间趋势的折线图，但我正在努力将时间字符串解析为正确的格式. 我有一个带有类似这样的圈数(分钟、秒、毫秒)的时间数组，我将其用作数据集: const times = ["1:32.599", "1:32.300", "1:31.000"] 在图表上绘制这些的最佳方法是什么?根据文档，Chart.js 支持 时间 轴使用矩.js 但它
..
使用不同大小的数据集更新 chart.js 图表
我已经建立了一个使用 mysql 数据库数据的 chart.js 图表.我已经建立了一个休息服务来提供数据，能够定义分组，即.数据每隔五分钟测量一次，但我用我的 SQL 语句 SELECT (75-round(avg(sensorValue),0)) 作为值，时间从 sensorpi.rawData GROUP BY UNIX_TIMESTAMP(time) DIV $default_interv
..
ng2-charts + 如何自定义X轴标签的位置?
我正在使用 https://valor-software.com/ng2-charts/ 用于生成以下图表. 预期图表 实际图表现在我所取得的成就如下. 1.) 如上图#1所示，如何自定义X轴标签的位置? 2.) 另外关于在每个条形顶部显示值百分比，https://github.com/valor-software/ng2-charts/issues/但是，662 帖子只有
..
Chartjs 初始动画想要从左到右改变(默认是从下到上)
使用chartjs 2.1.4(自定义一个)，默认图表显示动画自下而上，在我们的应用程序画布下方两个按钮(左右) 在点击左键图表动画要从右到左，在点击右键图表动画想要从左到右显示 请帮我找到解决办法提前致谢 解决方案 var myData = [{x:0,y:0},{x:1,y:2},{x:2,y:1},{x:3,y:3}];var ctx = document.getEl
..
使用 chart.js 加载 jquery
我正在使用 JQuery Load 加载页面的一部分，并希望使用 chart.js 插件将图表构建为页面的一部分.加载 html 加载正常，如果您刷新页面，图表将构建，但只有有时，它永远不会在第一页加载时构建图表.我需要在这里延期或承诺吗? 解决方案 是的，如果你使用jQuery .load()加载带有canvas元素的HTML，你需要把图表初始化在完整的回调中，像这样 $("#resu
..