chart.js相关内容

Chart.js 雷达标签坐标

有什么方法可以获取雷达图中标签的坐标吗?我正在尝试在标签区域中放置图像而不是文本. 解决方案 您可以使用 scale 属性计算它.这是动画完成后在这些点上绘制一个蓝色圆圈的东西. onAnimationComplete: function () {for (var i = 0; i ..
发布时间:2022-01-22 16:20:40 前端开发

使用 chart.js 将数据添加到折线图

我想在图表中添加一个新数据,但浏览器在调用我的“添加"函数时抛出一个错误,提示“未捕获的类型错误:未定义不是函数". 图表对象似乎无法识别“AddData"功能,但我不知道如何解决.在文档中显示此功能对我来说无法正常工作. .addData(valuesArray, 标签)在 Chart 实例上调用 addData(valuesArray, label) 为每个数据集传递一个值数组,以 ..
发布时间:2022-01-22 16:20:29 其他开发

如何在角度使用chart.js

我正在尝试在我的 Angular 项目中实现 chart.js.编译时没有任何错误,但图表没有显示.我不知道为什么. 这是chartjs.component.html {{chart}} 这是 chartjs.component.ts import { Component, OnInit } from '@angular/cor ..
发布时间:2022-01-22 16:20:20 其他开发

Chart.JS - 极地区域 - 图例悬停样式和边距

大家好, 希望这是一个简单的过程.我已经设置了一个带有 onclick 事件的图例,但是当我将鼠标悬停在标签上时,我希望鼠标光标变为“指针"(参见上面的图表截图).目前很难判断标签是链接,因为当我将鼠标悬停在它们上面时鼠标光标不会改变. 另外,我如何在图例和图表之间添加一些边距/填充(图例下方的空间). 非常感谢! 解决方案 您可以使用 legend onHover 配置 ..
发布时间:2022-01-22 16:20:06 前端开发

Chart.js xAxis 线性比例:奇怪的行为

我正在尝试在我的 chart.js 图表中的 x 轴上使用线性刻度.我添加了一些代码,因为 stackoverflow 在添加 jsfiddle url 时必须这样做,但我不明白这一点: var 选项={秤:{xAxes:[{ 类型:“线性"}]}}; 我得到一张非常奇怪的图表(第二张):http://jsfiddle.net/t0krmau8/ 在第一个图表中,我希望在 2 和 4 之 ..
发布时间:2022-01-22 16:19:58 前端开发

在chartjs的条形顶部添加图像

我在我的网站上使用了不同的图表,这导致了一些问题,因此我们迁移到了 chartjs.一切正常,但我有一个在 chartjs 中找不到的要求. 在我正在开发的网站中,用户进行了评估,并根据评估结果显示图表. 所以在评估中,有一个问题“你感觉恶化吗?"如果用户选择是,那么在图表中它会在该条上方显示一个图像,如下图所示. 在图片中,您可以在两个条形上方看到“E". 我想在 cha ..
发布时间:2022-01-22 16:19:37 前端开发

将逗号添加到 ChartJS 数据点

我需要在 ChartJS 图表中为数字添加逗号.前任.数据点可能是 1032.05、4334.75、8482.46,我需要它显示为 1,032.05、4,334.75、8,482.46. 这里是带有当前代码的开发站点的链接:http://investingcalculator.azurewebsites.net/ 我目前在计算时将值作为数组传递,由于数组是逗号分隔的,我不确定如何将数据 ..
发布时间:2022-01-22 16:18:56 前端开发

在 chart.js 的工具提示中显示自定义数据集属性

在饼图工具提示中显示自定义属性的最简单方法是什么? var pieData = [{值:40,颜色:“#F7464A",突出显示:“#FF5A5E",标签:“标签1",描述:“这是标签 1 的描述"},{值:60,颜色:“#46BFBD",突出显示:“#5AD3D1",标签:“标签2",描述:“这是标签 2 的描述"}];变量选项 = {tooltipTemplate: " - ..
发布时间:2022-01-22 16:18:44 其他开发

Chartjs 的副作用仅适用于 *一些* 客户

我正在处理几个 Chart.js 图表,发现了一些奇怪的行为. 在这个小提琴中:http://jsfiddle.net/h42tv3xv/ 人们得到了各种各样的按“日"、“周"或“月"按钮时的副作用. 应该怎么做:只需刷新图表即可显示潜在的新信息(饼图和甜甜圈实际上没有任何新信息) 不应该做的事情:作为一些的副作用,它会在每次点击时增加的大小.它为我做.但是对于很 ..
发布时间:2022-01-22 16:18:24 前端开发

Chartjs 显示标签 &鼠标悬停时的单位统计

是否可以有标签 &当我的鼠标指针悬停在图表上时的单位?目前只有数字. 对于下面的示例,我想展示: 58% 标签1 0% 标签2 0% 标签3 0% 标签4 0% 标签5 我的选项如下所示: var 选项 = {//Boolean - 显示比例标签的背景scaleShowLabelBackdrop : 真,//Boolean - 是否在刻度上显示标签scaleShowLa ..
发布时间:2022-01-22 16:18:16 前端开发

Chart js:更新具有两个数据集的折线图

我想用两个数据集更新图表 js 中的折线图.我以某种方式设法清空图表,然后能够填写其中一个数据集.但无法使两个数据集都工作.这是代码. ajaxRequest({url: '报告/updateChart/?filter=true',方法:'发布',数据:数据},函数(响应){/*用新的数据集刷新表*/删除数据(我的图表);让标签 = [1, 234, 234, 234, 234, 234, 23 ..
发布时间:2022-01-22 16:17:54 前端开发

是否可以使用 vue-chartjs 打印图表?

我正在使用 vue-chartjs 在 web 应用程序上呈现图形.我知道如果您使用原始 库,您可以打印图表.但是我不知道如何使用库的 vue 版本来做到这一点. 我在外部charts.js 文件中有我的图表变量 从 'vue-chartjs' 导入 {Bar, mixins }Chart.defaults.global让 chartOptions = Chart.defaults.glo ..
发布时间:2022-01-22 16:17:45 前端开发

使用 Chartjs 显示混合类型的图例(条形和线条)

我使用 Chartjs 与线数据集混合制作了一个堆叠组条形图: 我想通过将第一项 Productivité 的图例呈现为一条线(而不是显示为矩形)来区分它. 我浏览了 legend 文档,但找不到如何实现我想要的. 解决方案 我觉得唯一的办法就是自定义图例(见http://www.chartjs.org/docs/latest/configuration/legend.html ..
发布时间:2022-01-22 16:17:34 其他开发

具有区域范围的 Chart.js 折线图

我想向 Chart.js 折线图添加另一个维度,类似于下面的图表,或这个 Highcharts 示例.考虑到 Chart.js 的无数扩展选项,我很难理解在哪里可以实现这样的功能. 理想情况下,我可以提供一个数据集,其中包含一个类似于 data 的字段,用于指定某一点的线宽. 解决方案 您可以从折线图类型创建新的图表类型来执行此操作 预览 脚本 Chart.defaul ..
发布时间:2022-01-22 16:17:16 前端开发

如何将光标样式更改为悬停在图表点上的指针?

我正在使用 chart.js v.2.库,当用户将鼠标悬停在图表点上时,我试图将光标样式更改为“指针".(我将把它与条形图、饼图、折线图一起使用).在charts.js v.2 中似乎应该支持这个选项.但我在任何地方都找不到一个例子. 编辑:我没有提到我正在使用带有 react 的图表,更具体地说,我正在使用这个 react 包装器. 我正在导入例如图表线 import { Line ..
发布时间:2022-01-22 16:17:00 前端开发

chart.js 线图:填充线上方的区域,而不是下方和右侧

我有一个chart.js,它显示两条不同的线,一条总是正的,一条总是负的. 我想可视化两条线之间的区域和 y 轴上的 0 值,因此希望在正线下方和负线上方都以 0 结尾.然而,Chart.js 总是填写据我所知,该行位于给定行的右下角. 正确的行为:(来自 chartist.js) 不正确的行为(来自 chart.js) 有谁知道是否有可能使用 chart.js 实现类似于 ..
发布时间:2022-01-22 16:16:52 前端开发

Chart.js t.ticks.map 不是函数

结果和标签都来自服务器,但它们看起来没问题.当我运行此代码时,我没有得到任何图形.我正在使用 CDN 中的 chart.js. 编辑:澄清一下,结果和数据都来自代码.它们没有像示例中那样进行硬编码. 我得到的错误说: t.ticks.map 不是函数 无法获取未定义或空引用的属性“跳过" 代码: 也欢迎任何关于其他图表实用程序的建议. 解决方案 标签需要 ..
发布时间:2022-01-22 16:16:46 前端开发