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