我想绘制由少量但可变数量的彩色区域组成的条形图,相同的(三种)颜色在每个条形图中出现多次。我知道stacked bar charts in chart.js,但它对每个条形图使用相同数量的彩色区域(数据集)。用它来绘制一组长度为零的数据集,以获得每个条形图中正确数量的彩色区域,这感觉是错误的。也就是说,chart.js中的工具提示等很好,所以如果没有更自然的解决方案,也许零长度数据集是可行的。有什么想法吗?
我有这个图表的代码工作得很好。我可以使图例的颜色背景依赖于$scope.colours,但对于这个示例,我只有3个数据的静态数据。但我这里的问题是,我获得的数据来自数据库。 为图形生成的颜色可能是图例的背景颜色? Source Link for chart var app = angular.module('App', ['chart.js']);
app.controller('Ctrl', function ($scope) {
$scope.labels = ["A","B","C
我试图将对象解析为chart.js,而不是使用数组。这是我的目标:
var obj = {
"and":2,
"two":1,
"too":1,
"mother":2
}
我希望将我的obj解析为chart.js,因此它将根据该对象的数据创建一个图表。例如,如果我们拿一个条形图,它会把and放在第一位,上面是Y轴。然后是two,其Y轴上有1,等等.
如何创建条形图:
var ctx = document.getElementById("myChart");
var data = {
我正在使用Ionic 3,我正在显示一个条形图,我需要在图表上的条形图旁边显示数据标签,就像这个问题how to display data values on Chart.js 我按照到目前为止为chartjs-plugin-datalabels找到的说明进行了操作,但不起作用,它在我的图表上没有显示任何数据标签。 我通过npm安装了chartjs和chartjs-plugin-datalabels,它们在我的package.json中看起来像这样 "chart.js": "^2.7.3",
"chartjs-plugin-datalabels"
这是我第一次使用Chart.js,我正在将它导入到一个Angular组件中。我试着在这一点上只创建一个简单的条形图。我在控制台中看到以下错误:
core.controller.js:118 Failed to create chart: can't acquire context from the given item
不知道我到底做错了什么!
这是我的组件的TS文件:
import { Component, OnInit } from '@angular/core';
import { Chart } from 'chart.js';
import {