- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
关于chart.js website ,如果你点击图表下方的“添加数据集”按钮,你会得到一个 donut 里面的 donut 。这是它的截图:
这就是我想要的,但即使我查看了源代码,我也不知道如何添加第二个数据集...所以我猜了(下面的第 8 行)。我的猜测是错误的,如果删除第 8 行,我会得到一个只有一个环的 donut 。
这是我试过的代码片段:
<canvas id="OR-County-chart" style="min-height:20em;"></canvas>
<script>
var ctxb = $('#OR-County-chart');
var data = {
labels: ["Baker County","Benton County","Clackamas County", "Clatsop County", "Columbia County", "Coos County", "Crook County", "Curry County", "Deschutes County", "Douglas County", "Gilliam County", "Grant County", "Harney County", "Hood River County", "Jackson County", "Jefferson County", "Josephine County", "Klamath County", "Lake County", "Lane County", "Lincoln County", "Linn County", "Malheur County", "Marion County", "Morrow County", "Multnomah County", "Polk County", "Sherman County", "Tillamook County", "Umatilla County", "Union County", "Wallowa County", "Wasco County", "Washington County", "Wheeler County", "Yamhill County"],
datasets: [{
data: [{tag_baker county spend},{tag_benton county spend},{tag_clackamas county spend},{tag_clatsop county spend},{tag_columbia county spend}, {tag_coos county spend}, {tag_crook county spend}, {tag_curry county spend}, {tag_deschutes county spend}, {tag_douglas county spend}, {tag_gilliam county spend}, {tag_grant county spend}, {tag_harney county spend}, {tag_hood river county spend}, {tag_jackson county spend}, {tag_jefferson county spend}, {tag_josephine county spend}, {tag_klamath county spend}, {tag_lake county spend}, {tag_lane county spend}, {tag_lincoln county spend}, {tag_linn county spend}, {tag_malheur county spend}, {tag_marion county spend}, {tag_morrow county spend}, {tag_multnomah county spend}, {tag_polk county spend}, {tag_sherman county spend}, {tag_tillamook county spend}, {tag_umatilla county spend}, {tag_union county spend}, {tag_wallowa county spend}, {tag_wasco county spend}, {tag_washington county spend}, {tag_wheeler county spend}, {tag_yamhill county spend}],
[{tag_baker county funded properties},{tag_benton county funded properties},{tag_clackamas county funded properties},{tag_clatsop couty funded properties},{tag_columbia county funded properties},{tag_coos county funded properties},{tag_crook county funded properties},{tag_curry county funded properties},{tag_deschutes county funded properties},{tag_douglas county funded properties},{tag_gilliam county funded properties},{tag_grant county funded properties},{tag_harney county funded properties},{tag_hood river county funded properties},{tag_jackson county funded properties},{tag_jefferson county funded properties},{tag_josephine county funded properties},{tag_klamath county funded properties},{tag_lake county funded properties},{tag_lane county funded properties},{tag_lincoln county funded properties},{tag_linn county funded properties},{tag_malheur county funded properties},{tag_marion county funded properties},{tag_morrow county funded properties},{tag_multnomah county funded properties},{tag_polk county funded properties},{tag_sherman county funded properties},{tag_tillamook county funded properties},{tag_umatilla county funded properties},{tag_union county funded properties},{tag_wallowa county funded properties},{tag_wasco county funded properties},{tag_washington county funded properties},{tag_wheeler county funded properties},{tag_yamhill county funded properties}]
backgroundColor: [
'rgba(33,43,64,1)',//baker
'rgba(194,244,120,1)',//benton
'rgba(223,211,182,1)',//clackamas
'rgba(186,220,221,1)',//clatsop
我在 jsfiddle 上搜索了一个示例,但找不到。
最佳答案
刚刚检查了他们示例中的代码。看来数据集数组中的一个对象应该有如下结构
{
data: [
<a number>,
<a number>,
...
],
backgroundColor: [
<a colour>,
<a colour>,
...
],
label: 'Unique label for this data set
}
我已经为您创建了以下代码段。
var config = {
type: 'doughnut',
data: {
datasets: [
/* Outer doughnut data starts*/
{
data: [
10,
20,
30
],
backgroundColor: [
"rgb(255, 0, 0)", // red
"rgb(0, 255, 0)", // green
"rgb(0, 0, 255)", //blue
],
label: 'Doughnut 1'
},
/* Outer doughnut data ends*/
/* Inner doughnut data starts*/
{
data: [
45,
25,
11
],
backgroundColor: [
"rgb(255, 0, 0)", // red
"rgb(0, 255, 0)", // green
"rgb(0, 0, 255)", //blue
],
label: 'Doughnut 2'
}
/* Inner doughnut data ends*/
],
labels: [
"Info 1",
"Info 2",
"Info 3"
]
},
options: {
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Chart.js Doughnut Chart'
},
animation: {
animateScale: true,
animateRotate: true
},
tooltips: {
callbacks: {
label: function(item, data) {
console.log(data.labels, item);
return data.datasets[item.datasetIndex].label+ ": "+ data.labels[item.index]+ ": "+ data.datasets[item.datasetIndex].data[item.index];
}
}
}
}
};
window.onload = function() {
var ctx = document.getElementById("myChart")
.getContext("2d");
window.myDoughnut = new Chart(ctx, config);
};
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.js"></script>
</head>
<body>
<canvas id="myChart"></canvas>
</body>
</html>
关于javascript - 如何在 chart.js 圆环图中使用两个数据集?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45182635/
我需要将文本放在 中在一个 Div 中,在另一个 Div 中,在另一个 Div 中。所以这是它的样子: #document Change PIN
奇怪的事情发生了。 我有一个基本的 html 代码。 html,头部, body 。(因为我收到了一些反对票,这里是完整的代码) 这是我的CSS: html { backgroun
我正在尝试将 Assets 中的一组图像加载到 UICollectionview 中存在的 ImageView 中,但每当我运行应用程序时它都会显示错误。而且也没有显示图像。 我在ViewDidLoa
我需要根据带参数的 perl 脚本的输出更改一些环境变量。在 tcsh 中,我可以使用别名命令来评估 perl 脚本的输出。 tcsh: alias setsdk 'eval `/localhome/
我使用 Windows 身份验证创建了一个新的 Blazor(服务器端)应用程序,并使用 IIS Express 运行它。它将显示一条消息“Hello Domain\User!”来自右上方的以下 Ra
这是我的方法 void login(Event event);我想知道 Kotlin 中应该如何 最佳答案 在 Kotlin 中通配符运算符是 * 。它指示编译器它是未知的,但一旦知道,就不会有其他类
看下面的代码 for story in book if story.title.length < 140 - var story
我正在尝试用 C 语言学习字符串处理。我写了一个程序,它存储了一些音乐轨道,并帮助用户检查他/她想到的歌曲是否存在于存储的轨道中。这是通过要求用户输入一串字符来完成的。然后程序使用 strstr()
我正在学习 sscanf 并遇到如下格式字符串: sscanf("%[^:]:%[^*=]%*[*=]%n",a,b,&c); 我理解 %[^:] 部分意味着扫描直到遇到 ':' 并将其分配给 a。:
def char_check(x,y): if (str(x) in y or x.find(y) > -1) or (str(y) in x or y.find(x) > -1):
我有一种情况,我想将文本文件中的现有行包含到一个新 block 中。 line 1 line 2 line in block line 3 line 4 应该变成 line 1 line 2 line
我有一个新项目,我正在尝试设置 Django 调试工具栏。首先,我尝试了快速设置,它只涉及将 'debug_toolbar' 添加到我的已安装应用程序列表中。有了这个,当我转到我的根 URL 时,调试
在 Matlab 中,如果我有一个函数 f,例如签名是 f(a,b,c),我可以创建一个只有一个变量 b 的函数,它将使用固定的 a=a1 和 c=c1 调用 f: g = @(b) f(a1, b,
我不明白为什么 ForEach 中的元素之间有多余的垂直间距在 VStack 里面在 ScrollView 里面使用 GeometryReader 时渲染自定义水平分隔线。 Scrol
我想知道,是否有关于何时使用 session 和 cookie 的指南或最佳实践? 什么应该和什么不应该存储在其中?谢谢! 最佳答案 这些文档很好地了解了 session cookie 的安全问题以及
我在 scipy/numpy 中有一个 Nx3 矩阵,我想用它制作一个 3 维条形图,其中 X 轴和 Y 轴由矩阵的第一列和第二列的值、高度确定每个条形的 是矩阵中的第三列,条形的数量由 N 确定。
假设我用两种不同的方式初始化信号量 sem_init(&randomsem,0,1) sem_init(&randomsem,0,0) 现在, sem_wait(&randomsem) 在这两种情况下
我怀疑该值如何存储在“WORD”中,因为 PStr 包含实际输出。? 既然Pstr中存储的是小写到大写的字母,那么在printf中如何将其给出为“WORD”。有人可以吗?解释一下? #include
我有一个 3x3 数组: var my_array = [[0,1,2], [3,4,5], [6,7,8]]; 并想获得它的第一个 2
我意识到您可以使用如下方式轻松检查焦点: var hasFocus = true; $(window).blur(function(){ hasFocus = false; }); $(win
我是一名优秀的程序员,十分优秀!