chart.js相关内容

在 Chart.js 中隐藏 y 轴的最小值和最大值

我已经用刻度配置分配了 Y 轴的最小值和最大值.但我不希望这些最小值最大值显示在图表中.我需要在两端隐藏这些值 记号:{回调:函数(值){returnparseFloat(value.toFixed(2))},分钟:y1_min,最大值:y1_max,字体颜色:“#000000",字体大小:12 }, 解决方案 为了隐藏特定的刻度(在你的情况下是第一个和最后一个刻度),你必须使用 缩放 ..
发布时间:2022-01-22 16:02:54 前端开发

从 chart.js 到 pdf 的图表

我看到很多帖子描述了如何使用 chart.js 使用 canvas 创建图形,然后保存 canvas 转为 png,并将其导入到 pdf 中.这很好,但是如果您想绕过屏幕部分并直接进入 pdf 文档并包含图像怎么办? 例如,我可能有两个按钮,一个使用 canvas 在屏幕上打开图表.然后,此页面可以毫无问题地处理图表保存和导入 pdf.另一个按钮直接打开 pdf.是否可以将图表放入此文档中, ..
发布时间:2022-01-22 16:02:45 其他开发

使用chart.js在任意位置实现具有50个点的雷达图的最有效方法是什么

考虑以下几行的数据序列: data = [{angle:1.2,value:1.2},...,{angle:355.2:value:5.6}]; 我想在径向缩放的图上显示这些数据(即圆形带表示每个点的值有多高)以显示角度与值.对于每个数据集,角度会发生很小但无法控制的变化,但始终会有大约 50 个角度在图表周围相当均匀地分布. 看起来 chart.js 有两个不太符合要求的选项: ..
发布时间:2022-01-22 16:02:36 前端开发

将 Chart JS 2 上的条形图扩展为一种新型 Chart

我实际上是在使用 Chart JS 2.0.1 在页面上绘制图表. 我的客户要求我在条形图中添加一条线,以便他们可以看到无法超过的限制.像这样:y轴上的条形图 因此,我正在尝试将条形图扩展为一个新的条形图,该条形图采用一个名为 lineAtValue 的参数,该参数提供该线的 y 值. 我成功扩展了条形图,但它覆盖了页面中显示的其他条形图,而我在其他条形图中不需要它. 这是 ..
发布时间:2022-01-22 16:02:19 前端开发

插入百分比charts.js 甜甜圈

我正在使用charts.js 库,想知道如何在圆环图的孔中添加一些标记(例如百分比)- 我的 js jQuery(document).ready(function(){变量数据 = [{值:5,颜色:“#A1638C",突出显示:“#BF7AAF",标签:“Días Completados 1/21"},{值:95,颜色:“#07659A",突出显示:“#4190BA",标签:“Días ..
发布时间:2022-01-22 16:01:47 前端开发

Chart.js 上的悬停模式

当您没有悬停在折线图中的特定“点"上时,是否可以激活悬停? 当我将鼠标悬停在图表的任何部分上时,我希望 那个 特定的工具提示能够激活. 编辑: 类似 http://watchstocks.herokuapp.com/ 解决方案 是的,您可以使用 chart.js 配置工具提示,以获得与您引用的图表类似的行为. 有关详细信息,请查看 模式 工具提示配置选项和 hover 配 ..
发布时间:2022-01-22 16:01:33 前端开发

在 Chart.js 2.0 中绘制水平线

你能帮我如何扩展 Chart.js v2.0.我需要在图表中绘制一些水平线,类似于:http://jsfiddle.net/vsh6tcfd/3/ var originalLineDraw = Chart.controllers.bar.prototype.draw;Chart.helpers.extend(Chart.controllers.bar.prototype, {画:函数(){ori ..
发布时间:2022-01-22 16:01:27 其他开发

如何使用 ChartJS 在水平条形图上绘制垂直线?

有许多扩展图表以包含水平和垂直线的示例.但是,我还没有找到用水平条形图绘制垂直线的方法. 水平折线图上的水平线 垂直线开启水平折线图 垂直条形图上的水平线 没有像“水平条形图"选项那样的“垂直折线图"选项.如何将水平条形图与垂直线结合起来? Chart.js 文档 结果将有一个条形数据集和一个线形数据集,可以在使用相同轴的同一图表上使用,如下所示: 解决方案 C ..
发布时间:2022-01-22 16:00:44 前端开发

以编程方式打开和关闭 Chart.js 工具提示

Chart.js 2.2.1 知道如何触发当我将鼠标悬停在数据点上时运行的代码以及当我移开鼠标时运行的代码吗?我需要以编程方式显示和隐藏图表的工具提示. openTip(oChart, datasetIndex, pointIndex){//如何打开特定的工具提示?}closeTip(oChart, datasetIndex, pointIndex){//如何关闭相同的工具提示?} 如果 ..
发布时间:2022-01-22 16:00:32 前端开发

如何获取stackedBar ChartJs中的总值总和

我正在尝试获取stackedBar 的所有值的总和,并将其包含在工具提示中. 注意:我的数据集不是静态的,这是一个示例 var barChartData = {标签:[“一月",“二月",“三月",“四月",“五月",“六月",“七月"],数据集:[{标签:“公司 1",背景颜色:“rgba(220,220,220,0.5)",数据:[50、40、23、45、67、78、23]}, {标签 ..
发布时间:2022-01-22 16:00:26 其他开发

不使用 chart.js 绘制空值

我正在使用 Chart.js 绘制图表..我的数据集有一些空值,实际上,chart.js 以这种方式在空值的前一个点和后一个点之间绘制一条线: 红色箭头表示空值在哪里 我想知道如何才能不绘制这些空值 我使用的配置就是这么简单: var lineChartData = {“数据集":[{"label": "defi score",“数据":数据,"pointStrokeColor ..
发布时间:2022-01-22 16:00:17 其他开发

使用 Chart.js 创建多折线图

我正在尝试使用 Chart.js 创建多线图 我可以为 1 行执行此操作,我可以使用固定数据结构执行 2 行,但我无法获取多行来显示传递给数据结构的数据. 这里是从chart.js网站缩写的示例用法 http://www.chartjs.org/docs/#getting-started var myLineChart = new Chart(ctx).Line(data); ..
发布时间:2022-01-22 16:00:07 前端开发

ChartJs 2.0 如何获取被点击的点信息?

如何配置 ChartJS 2.0 版,以便在单击雷达图上的点时提供与该点相关的数据,即标签、数据值、数据集名称.我在 https://github.com/nnnick/Chart.js/releases 上看到2.0 版提供: 新的事件挂钩,如 onHover 和 onClick 为您完成了艰苦的工作.他们甚至无需通过事件定位即可将好东西传递给您 有人可以告诉我我需要做什么吗?我已阅 ..
发布时间:2022-01-22 15:59:49 其他开发

使用 json 响应在 chart.js 中绘制折线图

$(函数(){$.ajax({类型:“发布",url: "账单金额",缓存:假,数据类型:'json',成功:函数(数据){控制台.log(数据);变量数据 = {标签:[“一月",“二月",“三月",“四月",“五月",“六月",“七月"],数据集:[{标签:“我的第一个数据集",填充颜​​色:“rgba(220,220,220,0. ..
发布时间:2022-01-22 15:59:35 前端开发

如何选择日期范围(如 onClick 但拖动/选择)

我想使用 Chart.js 重写 vizwit,但我很难弄清楚如何让日期/时间表交互工作.如果您尝试在此演示上选择日期范围,您会发现它会过滤其他图表.如何让 Chart.js 让我在其时间刻度图表上选择这样的范围?似乎默认情况下它只允许我点击一个特定的日期点. 感谢您的宝贵时间. 解决方案 基于@jordanwillis 和您的答案,您可以通过在图表顶部放置另一个画布轻松实现您想要的 ..
发布时间:2022-01-22 15:59:18 前端开发