chart.js2相关内容
我希望Chart.js中的Donut图形适合我的引导列。我也希望此列具有特定的大小(实际上,我更关心高度)。问题在于canvas div的大小实际上大于我的列div,并且所有图表相互重叠。理想情况下,我希望所有4个图表都对齐到该行的右边,并在右边留一点空间(例如10px的空白)。 ve尝试在div列和画布上使用边距/填充设置。无法弄清... 这里是 jsfiddle 示例 我的H
..
根据 Chart.js文档,以下代码应该可以正常工作: new Chart(document.getElementById(chartID),{ type:'pie', 响应:true, keepAspectRatio:false, 数据:{ 标签:graph.globals.labels, 数据集:[{ backgroundColor:pieOptions.backgrounds
..
我已经通过 onClick 函数成功获取了信息。但是有什么方法可以获取关于悬停在该点上的点信息。目前,文档中提到的 onHover 不能解决问题。这是我的 jsFiddle 。 解决方案 在Chart.js的早期版本(例如2.6)中,onHover处理程序必须配置如下: 悬停:{ onHover:function(evt,item){ if(item.length){ cons
..
我有一些图表,用户可以在其中输入不同的时间范围,以便将所需的结果设置为图表。根据图表的范围,时间的格式应该不同。例如,看一个长10分钟的图形,您可能会看到一段时间的格式为HH:MM的内容,但对于一个月的图形却没有意义,因为格式化会更有意义以mm / dd的格式。 返回数据集时,我有开始时间戳(unix ts)和结束时间戳(unix ts)。 Chart.js是否具有能够通过转换上面的时
..
是否可以定义具有多级/类别轴的条形图? 例如,我想在此显示“地区/省”类别Excel图表: 我发现此示例使用多个xAxes。 xAxes:[ { id:'xAxis1', type:“ category”, ticks:{ callback:function(label){ var month = label.split(“;”)[0]; var year =
..
我正在使用Chart.js,想为标签实施全选和取消全选选项。我正在尝试找出答案,但什么都没收到。 如果可以实现任何此类功能,请帮帮我。 解决方案 如果您需要显示/隐藏图表选择/取消选择所有标签,以下是示例: var barChartData = {标签:[1、2、3、4、5、6、7、8、9、10、11、12 ,13、14、15、16、17、18、19、20、21、22、23、
..
我正在生成带有以下图例的饼图: 如您所知,馅饼是微不足道的。我希望它的高度是它的两倍,宽度是它的两倍。 这里是我正在使用的代码: var formatter = new Intl.NumberFormat(“ en-US”); Chart.pluginService.register({ afterDatasetsDraw:function(chartInstance
..
能帮我如何扩展Chart.js v2.0。我需要在图表中绘制一些水平线,类似于: http://jsfiddle.net/vsh6tcfd/3 / var originalLineDraw = Chart.controllers.bar.prototype.draw; Chart.helpers.extend(Chart.controllers.bar.prototype,{ d
..
我已经使用chart.js 1.0,并且我的甜甜圈图表工具提示根据数据除以数据集显示百分比,但是我无法使用图表2.0进行复制。 我搜索过很多东西,但没有找到有效的解决方案。我知道它将进入选项,但是我尝试过的一切都使饼功能失调。 甜甜圈图表
..
我正在寻找一种用Chart.js在两行之间填充的方法,使其看起来像这样。我已经看过了,似乎所有事情都在谈论填充零的两行之间。我还需要其他行来像往常一样填充所有内容。这是chart.js可以做的事情吗? 解决方案 这里是使用插件在两个数据集之间填充的解决方案。支持所有线型和多条线之间的填充阴影。要在一个数据集之间填充,请使用自定义参数fillBetweenSet告诉一个数据集填充另一个数据集
..
我一直试图添加一条垂直线,将其悬停在图表上时会显示工具提示。但是我使用的是chart.js 2.6,而1.x的语法似乎已经过时。 我有以下适用于1.x的代码 > var data = { 标签:[“ JAN”,“ FEB”,“ MAR”,“ APR”,“ MAY “,” JUN“,” JUL“,” AUG“,” SEP“, ” OCT“,” NOV“,” DEC“], 数据集:[{
..
我有一个条形图,在其中绘制了3条垂直线,每条垂直线在顶部都有自己的标签。我希望这些标签位于y轴的上方(示例中30%线上方)但位于图例下方。我无法弄清楚如何增加顶部图例和图表之间的间隔,以使垂直线标签(15、24和33)不在图表本身的下方,而是在图例的下方。有任何想法吗? 解决方案 不幸的是,由于没有配置选项可以处理此问题,因此您可以实现所需结果的唯一方法是扩展Chart.Legend并实现
..
我尝试使用Chart.js框架(版本2.7)实现堆积的条形图,但遇到以下问题:在每个条形图中均以与JSON结构中提供的顺序相同的顺序绘制单个数据元素(这绝对合乎逻辑并且可以理解) .我希望对它们进行排序:最大的元素在栏的底部,最小的元素在栏的顶部. 我想可以使用一些插件定制的黑魔法来实现它,但无法弄清楚. 任何帮助将不胜感激. 示例: var chart = new Cha
..
我正在把一个图表绘制在angular2属性指令内(angular2团队采用的一种方法).此方法适用于chart.js,但不适用于 chart.js 2.x 属性指令的代码是... import {Directive, ElementRef, Input} from '@angular/core'; declare var Chart:any; @Directive({ sele
..
我正在使用Bootstrap,JQuery和Chart.js(v2)制作主页.我的实现使用v1进行工作,但最近刚进入Bower并使用该版本下载了v2. 我正在制作一个由4列组成的网格,每个网格包含一个饼图,但是v2中的缩放比例让我无法正常工作.我希望图表能够响应,以便它们可以在较小的设备(例如平板电脑和智能手机)上正确缩放,而我的问题之一就是要摆脱图表的图例以及将鼠标悬停在我的各部分上时的悬
..
我想用两个值创建一个甜甜圈图.单击图形应在中心打印该值.我在 stackoverflow 中找到了解决方案类似于我的要求.我想使用 github 中的最新Chart.js库.最新的Chart.js中提供此功能吗? 解决方案 在Chart.js v2.x中当然可以做这样的事情 我认为最好的方法是使用插件.实际上, Cmyker遮阳篷您链接到的问题甚至更新了他的帖子,以显示在Charts
..
我正在使用Chart.JS创建一个相当简单的饼图,如下所示: var data = { labels: [ "Bananas (18%)", "Lettuce, Romaine (14%)", "Melons, Watermelon (10%)", "Pineapple (10%)", "Berries
..
当鼠标悬停在一块饼上时,我得到了一个饼图,如下所示: 除了需要图例之外 (): . 换句话说,我希望馅饼看起来像这样: 我该如何分解一个数据(百分比)并将其绘制到每个饼图上? 这是到目前为止我正在使用的代码: var formatter = new Intl.NumberFormat("en-US"); var data = {
..
我一直在尝试许多方法来将数组的集合推入数据集中. 任何人都可以帮助我根据以下Codepen将数组推入堆叠图表中吗? 这是例子 Codepen堆积杆 JavaScript const getData = ()=>new Array(7).fill('').map(v=>randomScalingFactor()); var barChartData = {
..
因为这似乎是不可能的或非常困难的(没有可行的答案,我正在使用以下代码在水平条形图的所有条形上添加标签: Chart.pluginService.register({ afterDraw: function (chartInstance) { if (chartInstance.id !== 1) return; // affect this one only
..