chart.js2相关内容
我一直在尝试多种方法将数组集合推送到数据集中.任何人都可以帮助我根据下面的codepen将数组推入堆叠图表吗? 这是一个例子 Codepen 堆叠条 Javascript const getData = ()=>new Array(7).fill('').map(v=>randomScalingFactor());var barChartData = {标签:['一月','二月
..
参考小提琴 网址 : https://jsfiddle.net/vL0ta76w/ 当前行为Chart.js 中的点样式属性提供了某些图标,如圆形、三角形、矩形等,以显示在折线图上 var options = {类型:'线',数据: {标签:[“红色",“蓝色",“黄色",“绿色",“紫色",“橙色"],数据集:[{标签:'投票数',数据:[12, -19, 3, 5, 2, 3],边
..
..
我正在研究 Chart.js,想为标签实现 Select All 和 Unselect All 选项.我试图找出它,但无法得到任何东西. 如果可以实现任何此类功能,请帮帮我. 解决方案 如果你需要显示/隐藏图表选择/取消选择这里是一个例子: var barChartData = {标签:[1、2、3、4、5、6、7、8、9、10、11、12、13、14、15、16、17、18、
..
我尝试使用 Chart.js 框架(2.7 版)实现堆叠条形图,但遇到以下问题:在每个条形图中以与 JSON 结构中提供的顺序相同的顺序绘制单个数据元素(这绝对合乎逻辑且易于理解).我想让它们排序:最大的元素在底部,最小的在顶部. 我想它可以使用一些插件定制黑魔法来完成,但无法弄清楚. 任何帮助将不胜感激. 例子: var chart = new Chart(documen
..
..
你能帮我如何扩展 Chart.js v2.0.我需要在图表中绘制一些水平线,类似于:http://jsfiddle.net/vsh6tcfd/3/ var originalLineDraw = Chart.controllers.bar.prototype.draw;Chart.helpers.extend(Chart.controllers.bar.prototype, {画:函数(){ori
..
我使用过 chart.js 1.0,并且我的圆环图工具提示显示基于数据除以数据集的百分比,但我无法使用 chart 2.0 复制这一点. 我搜索了高低,但没有找到可行的解决方案.我知道它会受到选择,但我所尝试的一切都使馅饼功能失调. 甜甜圈图
..
..
有谁知道这是否可行?基本上我希望图表有标签,例如 [Jan, Feb, March],我希望能够打开和关闭这些值.看起来很简单,但事实证明是有问题的. 解决方案 您可以为每个条形创建单独的dataset,并以点格式定义data,如下所示: 数据:[{ x: 1, y: 16 }] 您还需要定义第二个包含标签的 x 轴. {偏移量:真,网格线: {显示:假}} 每次 dataset
..
我有一个使用 Chart.js 的带有标签的数据集.我想用换行符将标签分成两行.
和 \n 我都试过了,都不行. 标签:['(A) Waking', '(B)', '(C)', '(D)'],标签:['(A)\nWaking', '(B)', '(C)', '(D)'], 第一个标签应该输出... (A) 醒来 但它最终看起来像...... (A)
..
我有一个饼图,当我将鼠标悬停在一块饼上时,它看起来像这样: 除了想要图例 向右而不是顶部,我对此很满意,但我只希望百分比值在饼图中“始终"显示 - 并且仍然有(): 在悬停时显示. 换句话说,我希望馅饼看起来像这样: 我怎样才能把那一段数据(百分比)分解出来,然后画到每一块饼上? 这是我目前使用的代码: var formatter = n
..
..
在 Chart.js 2 中,我生成了一个散点图,其中 x 坐标是纪元时间戳,y 坐标是整数.我想知道是否有办法格式化图表的 x 轴标签,以便日期以人类可读的格式显示. 更新:目前我正在以毫秒为单位从 Unix 时间戳构建图表.此原型的其他部分使用 Date 类的 toDateString 方法格式化这些日期(例如,Fri Aug 5 2016). 解决方案 为此,您可以使用 sca
..
我正在使用 Chart.js 2.6.我有一个图表,我在其中添加了自定义分页以逐步浏览数据集,因为它非常大.我的分页和一切都很好,我只需抓取我集合中的下一个数据块并使用新数据对象更新 chart.config.data,然后在图表上调用 .update() .但是,为了使图表有意义,我需要在用户分页时保持左侧(Y 轴)比例相同.通常 Chart.js 会根据图表中的数据重建它,但我希望它始终反映相
..
我有以下图表,想手动设置 Y 轴标签.我想要一、二、三、四、五,而不是使用 1、2、3、4、5. 有没有办法做到这一点?这是我的选项结构: options = {秤:{y轴:[{scaleLabel: { labelString: [“一"、“二"、“三"、“四"、“五"] }、滴答声:{ 最小值:1,最大值:5,步长:1,建议最小值:0.5,建议最大值:5.5},网格线:{显示:假}}]}
..
我有以下代码使用 Chart.js v2.1.3 创建图表: var ctx = $('#gold_chart');var goldChart = new Chart(ctx, {类型:'线',数据: {标签:日期,数据集:[{label: '我想删除这个标签',数据:价格,点半径:0,边框宽度:1}]}}); 代码看起来很简单,但我无法从图表中删除标签.我尝试了很多网上找到的解决方案,但大多
..
我希望将数组的值传递给 chart.js 数据集的数据和标签字段. 这里是 ajax 调用成功获取 json 数据的代码.我获取 json 数据并将其存储到一个数组中. Data = jQuery.parseJSON(result);var count = 数据长度;变量计数器 = 0;而(计数> 0){LabelResult[counter] =[Data[counter].TIME];
..
我一直在尝试添加一条垂直线,当将鼠标悬停在图表上时,该垂直线会显示工具提示.但我使用的是chart.js 2.6,1.x 的语法似乎已经过时了. 以下代码适用于 1.x var 数据 = {标签:[“一月"、“二月"、“三月"、“四月"、“五月"、“六月"、“七月"、“八月"、“九月"、"OCT", "NOV", "DEC"],数据集:[{数据:[12、3、2、1、8、8、2、2、3、5、
..
我有一个条形图,我在其中绘制了 3 条垂直线,每条线的顶部都有自己的标签.我希望这些标签高于 y 轴的顶部(在示例中高于 30% 线)但低于图例.我不知道如何增加顶部图例和图表之间的空间,以便我可以让我的垂直线标签(15、24 和 33)脱离图表本身但低于图例.有什么想法吗? 解决方案 不幸的是,由于没有配置选项来处理这个问题,唯一可以达到预期结果的方法是扩展 Chart.Legend 并
..