如何在Chart JS数据集中使用数据数组？
在Chart JS中使用数据数组是一种常见的做法，它允许你轻松地管理和更新图表的数据。以下是如何在Chart JS数据集中使用数据数组的步骤：
基础概念
Chart JS是一个简单而灵活的JavaScript图表库，它允许你使用HTML5 Canvas创建各种类型的图表，如折线图、柱状图、饼图等。数据集（Dataset）是图表数据的集合，每个数据集可以包含多个数据点。
相关优势
- 灵活性：你可以轻松地添加、删除或修改数据集中的数据点。
- 可维护性：将数据与图表逻辑分离，使得代码更易于维护和理解。
- 动态更新：数据数组允许你实时更新图表数据，实现动态效果。
类型
Chart JS支持多种类型的数据集，包括但不限于：
- 数值数据集：用于折线图、柱状图等。
- 分类数据集：用于饼图、环形图等。
- 时间序列数据集：用于时间轴上的图表。
应用场景
- 数据分析：展示数据趋势和模式。
- 业务报告：生成各种业务指标的可视化报告。
- 仪表板：实时监控关键性能指标（KPI）。
示例代码
以下是一个简单的示例，展示如何在Chart JS中使用数据数组创建一个柱状图：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chart JS Example</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<canvas id="myChart" width="400" height="200"></canvas>
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options: {
scales: {
y: {
beginAtZero: true
}
}
}
});
</script>
</body>
</html>参考链接
常见问题及解决方法
问题：数据数组更新后，图表没有实时更新。
原因：Chart JS默认情况下不会自动更新图表，需要手动调用更新方法。
解决方法：
myChart.data.datasets[0].data = [5, 10, 15, 20, 25, 30]; // 更新数据数组
myChart.update(); // 手动更新图表通过以上步骤和示例代码，你应该能够在Chart JS中成功使用数据数组来创建和管理图表。如果遇到其他问题，可以参考官方文档或寻求社区帮助。
相关·内容
1回答
我在Protractor测试中使用chartjs-node-canvas lib ( JavaScript)。但不知何故，我的图表完全是黑色的(很难说是黑色的，因为我只能看到正方形的白色框架，没有内容)。我做错了什么？
因为我的.json是测量的结果，所以我把所有的代码行都放入了afterAll部分。因为我通过fs.readFileSync导入了我的.json，所以我解析了它，以便在我的配置下使用，如下所示：
const getJson = fs.readFileSync(`file.json`);
const json = JSON.parse(getJson);
const label
浏览 0提问于2019-06-14得票数 0
2回答
我无法让setState更新到下面代码中的新值。
我试着让它用chart.js创建一个动态的线条图。我正在从虚拟API中获得正确的数据，但我无法将它状态到我的useState。
import React, { useState, useEffect } from "react";
import { Line } from "react-chartjs-2";
import axios from "axios";
function Graph(){
const [chartData, setChartData] = useState([]);
浏览 4提问于2022-05-03得票数 2
工具提示没有显示在我的图表中。你能明白为什么吗？
<head>
<meta charset="utf-8" />
<title>Chart.js Example</title>
<script src='https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.bundle.min.js'></script>
<body>
<canvas id="myChart" width="600
浏览 0提问于2017-04-24得票数 0
回答已采纳
我创建了一个python脚本，该脚本从API获取数据，以获取特定时间的天气温度。
结果是一个CSV文件，如下所示：
Time,Temperature
2020-02-15 18:37:39,-8.25
2020-02-15 19:07:39,-8.08
2020-02-15 19:37:39,-8.41
2020-02-15 20:07:39,-8.2
如何将CSV转换为JavaScript数组并从中生成Chart.js线图？
现在，我有一个看起来像这样的Chart.js基脚本(没有任何数据填充)
new Chart(document.getElementById("line-char
浏览 1提问于2020-02-16得票数 6
回答已采纳
1回答
我对整个发展舞台都很陌生。请您帮助我识别以下错误。我正在使用FusionCharts进行一个学校项目，发现很难填充图表。我根据所提供的教程创建了文件，但是包含了MYSQL元素来检索数据。文件如下，
HTML。
<!DOCTYPE html>
<html>
<head>
<title>Fusion Charts Column 2D Sample</title>
</head>
<body>
<div id="chart-container">Fus
浏览 3提问于2017-03-01得票数 0
回答已采纳
我有一个条形图，我是这样设置的：
const BarChart = {
chart: null,
init(data, labels) {
const canvas = document.getElementById("canvas").getContext("2d");
const options = {...defaultOptions};
options.data.labels = labels;
options.data.datasets[0].data = data;
浏览 14提问于2020-05-13得票数 0
回答已采纳
1回答
当我只有一两个数据点时，酒窝js会重复相同的刻度。我怎么能让它不那么做呢？
示例
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v2.1.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
浏览 2提问于2015-01-30得票数 1
回答已采纳
1回答
我正在试着建立一个图表，看起来像这样... Chart bar example 但是，我不能对同一标签使用多个数据值。有谁有什么想法吗？我正在使用chart.js 我希望代码看起来像这样... labels: ['category 1, 'category 2'],
datasets: [
{
// values for category one
type: 'bar',
backgroundColor: '#8e5ea2',
data: [111, 222,
浏览 28提问于2021-01-14得票数 1
请参阅小提琴：
Current Behaviour Point样式属性在Chart.js中提供某些图标，如圆圈、三角形、直角等，以显示在线条图上。
var options = {
type: 'line',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [
{
label: '# of Votes',
浏览 0提问于2018-09-24得票数 1
1回答
我使用chart.js为一些长度不均匀的数据集在vue.js组件中呈现一个叠加的线图。我得到的效果是，当在数据点上悬停时，其他堆叠行中的错误数据点会被高亮显示。
预期的行为应该总是突出显示具有相同时间戳的数据点。这里的例子：
我认为这个问题与vue.js无关，但不知何故，chart.js不是拿一个数据点的时间戳来突出显示，而是取数据点在数据集中的索引/位置。以下是vue/chart.js组件代码。
Vue.component('values-stacked', {
template: '<canvas ref="chartC
浏览 2提问于2018-01-14得票数 2
回答已采纳
1回答
我从一个API返回了这个json数组。
[
{
"localTimestamp": 1383091200,
"swell": {
"absMinBreakingHeight": 3.255
}
},
{
"localTimestamp": 1383102000,
"swell": {
"absMinBreakingHeight": 2.968
}
}
]
我需要让这个与高图表工作，我完全迷路了。数据来自外部API。
我是
浏览 3提问于2013-10-31得票数 0
回答已采纳
我想在charts.js上实时可视化我从socket.io收到的数据。我接收的数据是字符串，有18个值，看起来像: 1,2,3,4,5,6,7,8，...,18，有X轴，比如: A，B，C，D，E，当我推送这些数据时，它不会显示在图表上 我的接收函数 socket.on('temp', function(data) {
console.log(data.temp);
document.getElementById('date').innerHTML = data.date
浏览 19提问于2019-05-02得票数 1
我试图在chart.js库的一个点上显示几个数据，与上面的图片相同，但它只显示一个数据集！
<canvas id="myChart" width="400" height="400"></canvas>
<script>
var ctx = document.getElementById('myChart');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: [&#
浏览 0提问于2021-03-12得票数 0
回答已采纳
1回答
因为我是Angular的新手，所以我在Graph中遇到了问题，我现在不知道如何在angular中创建它 我在Chart.js和Canvasjs中尝试过，我遇到了问题1。使用Chart.js我可以创建如下图所示的静态图形，但我不知道如何从API中获取此图形的数据。 注意:我可以使用API显示任何类型的数据，除了Graph所以，请帮助我做这个Graph的事情。 ? LineChart = {};
ngOnInit() {
// Line chart:
this.LineChart = new Chart('lineChart', {
ty
浏览 15提问于2019-03-27得票数 0
回答已采纳
我被困在试图通过谷歌图表api在折线图上显示两个系列。
我正在使用sql从数据库获取数据，这一切都运行得很好。
我将代码改编自：
<?php
$connection = mysql_connect(blah);
$database = mysql_select_db(blah);
// The Chart table contain two fields: Date and PercentageChange
$queryData = mysql_query("SELECT Date, PercentageChange
浏览 1提问于2013-04-10得票数 0
2回答
大家好，我使用Chart.js创建了一个饼图，并从数据库中获取数据：
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<script>
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'pie',
浏览 0提问于2017-10-09得票数 0
我试图在同一个页面上使用绘制两个以上的图表，并在循环中创建一个动态div，其中包含图表的所有数据，如下所示：
<div class="col-4">
<canvas class="trend-chart" id="chart{{ p.sNo }}" width="500" height="100" role="img" data-pv="{{ p.recentPageViews }}">
</canvas>
</div>
浏览 17提问于2021-12-23得票数 2
我想为我的图表加载一个数据数组，如下所示： data: chardata 我创建了一个这样的变量： var chartdata = []; 我用一个函数中的数据填充它，该函数应该返回一个数组，但它返回一个对象 function getChartData(type) {
var chartdata = [];
console.log(typeof chartdata);
getDates(14).forEach(element => {
var lastdate = new Date(element);
lastdate.setHours(23);
lastdat
浏览 28提问于2021-01-24得票数 0
2回答
谁能给我演示一下Chart.js 2.6+用来计算条形图中Y轴的数学逻辑？我已经创建了一个分页功能，允许我在具有大量柱状图的条形图中分页。它工作得很好，除了我需要在图表的数据集发生变化时Y轴保持不变。
为此，我获取图表的数据并创建其子集，例如前20条记录，并将其作为数据对象提供给图表。但是，为了使Y轴固定，我采用完整数据集中的最大值，并将其作为图表中yAxes对象的ticks中的max值提供，如下所示。
yAxes: [{
ticks: {
max:value_i_determine_here
}
}]
这是可行的，但并不完美，因为Chart.js有时会
浏览 5提问于2017-07-20得票数 3
回答已采纳
我想要将csv文件加载到我的html文件中，以绘制一些数据。我已经知道了如何在html中绘图，但下一个挑战是从csv文件导入数据。我对html和javascript是个新手，如果能输入甚至是CanvasJS之外的其他模块，我会很感激的。 <!DOCTYPE HTML>
<html>
<head>
<meta charset ="UTF-8">
<script>
window.onload = function () {
var chart = new CanvasJS.Chart("chartContain
浏览 26提问于2019-04-30得票数 0
我已经能够使用Chartjs中的静态数据绘制条形图、折线图。但是，当我尝试通过一些api使用动态接收的数据时，会显示一些错误消息。我的代码是：
//'myCanvas' is the id for the canvas, where chart has to be drawn
const CHART = document.getElementById('myCanvas').getContext('2d');
var userData = {};
var dateArray = [];
var dataArray = [];
var barCh
浏览 17提问于2016-07-17得票数 7
回答已采纳
1回答
我的问题是:如何在Chart.js图表中加载来自的数据？
我正在用Laravel框架(版本5.6)编写一个程序，并使用(而不是嵌入API )(版本3)。
我得到了数组中正确显示的数据，但是我想要在一个图形中显示它。
子问题:我是否需要将数据集中的数据替换为与的连接？
来自Chart.js的简单图表：
<canvas id="userChart"></canvas>
<script>
var ctx = document.getElementById('userChart').getContext('2d'
浏览 0提问于2018-05-31得票数 0
回答已采纳
3回答
我正在将json对象转换为数组。我得到的数据如下。我试过谷歌，但没有找到答案。如何从下面的数据中解决这个问题
[{"january":"0.00","february":"0.00","mac":"1271.00","april":"5.00","may":"0.00","june":"0.00","july":"0.00","august":"0.
浏览 0提问于2019-04-02得票数 1
回答已采纳
3回答
我有一个JSON数据，如下所示：
{
"chart":[
[
1627776011000,
28
],
[
1627776371000,
38
],
[
1627776731000,
48
],
...
]
}
我想在Chart.js中使用这些数据，其中1627776011000 ...是x轴值，28 ...是y轴值。
我知道我可以用数组push来完成
const myArr = JSON.parse
浏览 5提问于2021-12-13得票数 0
回答已采纳
1回答
我正在尝试使用c3.js时态线图(URL：)。唯一的区别是我使用到js文件的CDN链接，而不是下载它们。但是，我一直收到以下错误
Chrome未定义错误:x未定义为id = "date“。
Firefox错误:x未定义为id = "date“。
抛出新错误(“x”未定义为id = "‘+ id +’“)；
html文件如下所示
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<link rel="stylesheet" typ
浏览 1提问于2015-05-20得票数 4
回答已采纳
1回答
Chart.js额外未定义列
、、、、
我从chart.js下载了一个示例和修改后的条形图示例，在执行代码之后，在条形图中生成了一个额外的列。这是chart.js中的一个bug吗？或者代码有问题吗？如果是chart.js问题的话，请建议我画一个条形图的其他选择。谢谢
<!doctype html>
<html>
<head>
<title>Bar Chart</title>
<script src="../Chart.js"></script>
</head>
浏览 3提问于2016-01-13得票数 0
回答已采纳
现在我要做的是直接从ts文件中获取数据，如下所示，使用ng-2图表和chart.js： import { Component } from '@angular/core';
import { ChartOptions, ChartType, ChartDataSets } from 'chart.js';
import { Label } from 'ng2-charts';
@Component({
selector: 'app-bar-chart',
templateUrl: './bar-chart.co
浏览 33提问于2021-09-30得票数 0
在chart.js中，如何多行显示标题，如下图所示？我尝试使用title: 'Chart.js\nLine Chart'和'Chart.js<br>Line Chart'，但它们都不起作用。
浏览 5提问于2018-03-29得票数 5
回答已采纳
你好，我正在尝试用Chart.JS构建一个加密跟踪应用程序。
我有两个小时的价格数据，在一个数组中以120个对象的形式出现。我想使用数组中每个对象的'high‘和'time’属性作为图表的轴。
如何获取这些数据并将它们作为标签和数据集数据插入chart.JS的数据部分？我需要创建一些变量和循环吗？和地图功能有关吗？
这是我的一些预感，但我很讨厌，感谢你的帮助，谢谢！
浏览 5提问于2019-10-10得票数 1
回答已采纳
1回答
我已经创建了一个chart.js vue组件，它使用通过道具传递给它的一些数据来呈现。现在，我希望能够在数据变化时调用图表上的update()方法。我的问题是，由于代码的结构方式，我无法执行通常的chart.update()方法，因为我无法从创建它的函数外部访问图表变量。如何重构代码以便调用图表上的update方法？
当数据发生变化时，我只需调用初始呈现函数，这将导致图表相互分层。当您更改数据，然后悬停在图表上时，就可以看到这一点。
Vue.component('chart', {
template: '<canvas id="chart
浏览 0提问于2020-05-06得票数 0
回答已采纳
1回答
我试着构建这样的图形：
。它基本上是依赖树。每个节点都有它所依赖的元素列表(在列表中)，或者简单的具有名称和大小的json (请参见下面的结构)。有关详细信息，请参阅
{
"name": "flare",
"children": [
{
"name": "analytics",
"children": [
{
"name": "cluster",
"children": [
{"
浏览 3提问于2016-10-30得票数 0
回答已采纳
我正在尝试将Chartkick与Chart.js适配器一起使用，并尝试创建一个简单的双轴图表，但我的所有设置似乎都不起作用。我知道这只是一个格式问题，但我感觉好像我已经尝试了所有的东西，但都没有成功。 我的数据就是这种格式，正如您所看到的，我已经将yAxisID添加到每个数据集中。 @consultations = [{:name=>nil,
:data=>
[[Fri, 01 Dec 2017, 346],
[Mon, 01 Jan 2018, 99],
[Thu, 01 Feb 2018, 282],
[Thu, 01 Mar 2018, 2
浏览 13提问于2019-12-14得票数 0
回答已采纳
我有存储在本地存储器中的数据，我想把它拖到数组中。但没有成功..。正如您将在下面的代码中看到的，我正在尝试console.log数组，但是它会写给我：
(Chrome控制台)
Uncaught :输入index.html:204 (匿名函数)的意外结束index.html:204 e.resolveWith jQuery1.6.min.js:16
e.extend.ready jQuery1.6.min.js:16 c.addEventListener.zjQuery1.6.min.js:16
科多瓦:：发射装置读物事件！ripple.js:37
找不到8张帆布！
这是我的本地存储器：
浏览 4提问于2013-10-30得票数 2
回答已采纳
我正在尝试根据我得到的动态数据来设置backgroundColor和borderColor，我也在尝试改变颜色，如果“得分”数字是偶数或奇数，我找不到方法来完成它。任何建议都是非常感谢的。
<!DOCTYPE html>
<html>
<head>
<title>ChartJS - BarGraph</title>
<style type="text/css">
#chart-container
浏览 1提问于2017-03-08得票数 1
编辑此处查看我正在尝试做的工作的非工作示例：
我正在使用dc.js绘制从我的大学蜂箱中收集的数据。我正在将新的数据推送到每个数据库更改的图表中(使用Meteor的魔力)。当数据库超过5000条记录时，重新绘制行的速度非常慢。因此，我想在呈现之前使用simplify.js对行进行预处理。为了了解我在说什么，去吧。几秒钟后，页面就会冻结，所以请注意。
我已经开始用一个dc.js扩展simpleLineChart，它将继承现有的dc.lineChart对象/函数。以下是我到目前为止所拥有的：
dc.simpleLineChart = function(parent, chartGroup) {
浏览 2提问于2013-06-18得票数 2
我正在使用库构建一个图表库。
这些是我正在处理的文件
数据夹具是charts.js。
const charts = [
{name: 'Page A', uv: 4000, pv: 2400, amt: 2400},
{name: 'Page B', uv: 3000, pv: 1398, amt: 2210},
{name: 'Page C', uv: 2000, pv: 9800, amt: 2290},
{name: 'Page D', uv: 2780, pv: 3908, amt: 2000},
{n
浏览 1提问于2016-11-12得票数 0
回答已采纳
如何使用angularjs在canvasjs中显示动态数据。我正在从api获取数据，并希望在图表中显示。我不知道如何将变量赋值给chart.im的y点，获取值并存储在变量"ValueinCm“中，而不是静态变量需要赋值的动态值。
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angu
浏览 6提问于2017-02-17得票数 0
1回答
我需要创建每分钟图表的实时值，它的最后一个条形图值在其添加后增加一分钟，一分钟后添加值1的新条形图，并删除第一个条形图(最老的)。
我需要所有这些更改是动画，如下面的例子。
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": "light",
"dataProvider": generateChartData(),
"graphs": [{
"valueField
浏览 1提问于2018-04-03得票数 0
回答已采纳
1回答
我正在尝试使用chart.js创建条形图 我的代码是这样的： var myBarChart = new Chart(histChart, {
type: "bar",
data: {
datasets: [{
data: [28, 6, 2, 4, 2, 2, 1, 0, 0, 1]
}]
}
}); body {
margin: 0;
padding: 0;
}
#histChart {
width: 600px;
height: 480px;
border: 3px solid #8AC007;
} <
浏览 13提问于2019-02-19得票数 0
回答已采纳
3回答
我有两个PHP页面。在其中一个页面上，我想在按下按钮时将数据发送到另一个页面。但是，当我尝试从另一个页面访问post数组时，它显示为空。如果有人能告诉我哪里错了我会很感激的。(我也不允许使用html表单发帖)
名为test2.php的页面：
<?php
if(isset($_POST['testing1'])){
die(json_encode($_POST));
}
?>
<html>
<head>
<link rel="stylesheet" type="text/
浏览 2提问于2020-09-11得票数 0
我有一个使用pie-chart创建的静态chartJS，现在我想提供来自asp.net webservice(asmx)的数据和标签，以显示来自数据库的实际数据，但我不知道如何做到这一点。
这是静态海图代码
<!doctype html>
<html>
<head>
<title>Pie Chart</title>
<script src="../../dist/Chart.min.js"></script>
<script src=
浏览 0提问于2019-02-26得票数 0
回答已采纳
给出:在下面的示例中，创建了一个包含实线、虚线和自定义工具提示的线图。
问题，如果受影响的行是实的或虚线，我们如何从自定义回调内部访问？基本上，我想从自定义回调中了解dataset中的属性"borderDash“是否存在。
var s1 = {
label: 'A',
data: [{
x: '2020-05-11T04:58:37Z',
y: 25,
},
{
x: '2020-05-11T04:59:17Z',
y: 27,
},
{
浏览 0提问于2020-11-25得票数 1
回答已采纳
我有一个高图表极图，显示我的数据精细内联，但我的应用程序的工作流程要求数据加载与图表配置分开。当我使用chart.series[0].setData(mySeriesData)时，其他图表类型似乎工作得很好，但是极图看起来很傻。除了系列数据之外，图表配置在两个图表之间都是相同的。我做错了什么？
下面是我的例子：
我的图表：
const config = {
"chart": {
"polar": true,
parallelCoordinates: true,
parallelAxes: {
gridLineWi
浏览 8提问于2022-06-23得票数 0
回答已采纳
1回答
我正在使用此代码从api.forecast.io中获取温度数据，但无法这样做。这是我的密码
$(function () {
$('#container').highcharts({
title: {
text: 'Temperature'
},
subtitle: {
text: 'New Delhi'
},
xAxis: {
title: {
text: 'Days'
},
type: 'dat
浏览 5提问于2016-01-05得票数 0
回答已采纳
1回答
我正在使用chart.js库，我有一个问题。我希望年份轴从0开始。现在它从负值开始(在我的例子中是-50)。
现在是这样来的-
我想要的-
我在尝试什么-
var config = {
type: 'bar',
data: {
labels: ["Year 0", "Year 1", "Year 2", "Year 3", "Year 4", "Year 5", "Year 6"],
datasets: [{
typ
浏览 2提问于2017-03-24得票数 3
回答已采纳
我正在为预算管理编写一个应用程序，我使用的是角图an。
我希望使用dataset覆盖初始数据(主要是向图中添加新数据，并为每个条形、标签等提供不同的颜色)，并根据数据的值设置标签和颜色。目前，我试图进行硬编码，但只有第一个值被覆盖。
下面是我使用的代码：
angular.module("app2", ["chart.js"]).controller("MixedChartCtrl",
function($scope) {
$scope.colors = ['#45b7cd', '#ff6384', '
浏览 4提问于2016-07-27得票数 6
我和Chart.js一起工作。我有一张能显示数据的图表。我也有不同的数据集，我想交换按钮按下。所有数据集都在一个数组中，应该与我的方法进行交互。一旦我更改了所有的值，我就调用update()方法。什么都没发生！
我检查了char.data.datasets.data的内容，它实际上包含了当前的数据。唯一的问题是，Chart.js似乎不想更新。
我在这里错过了什么？
更新图表的功能：
let getValues = function(dataset, label)
{
return firebase.database().ref("/data/" + dataset).onc
浏览 4提问于2017-08-12得票数 6
我有一个带有两个数据集的使用Chart.js创建的甜甜圈图。该图表显示了世界各地办公室的员工人数，第二个数据集将其分解为长期雇员和合同雇员。
在这里有一种杂乱无章的运行：
图形选项的“标签”属性包含办公室的名称，但是由于只有一个标签数组，第二个数据集重复它们，并显示在鼠标上方的文本中。
var config = {
type: 'doughnut',
data: {
datasets: [
{
data: [124,231,152,613,523],
backgroundColor: [chartColors.red,
浏览 1提问于2018-04-26得票数 4
回答已采纳
3回答
我的所有12个数组字符串都具有相同的值，即最后一个数组字符串(monthLimonade[11])的值。
我的数据库查询将每月销售额准确地求和为(monthlyLimonade)。我验证了我的数组在循环中工作正常。
我哪里错了？
String[] monthLimonade = new String[12];
try
{
//CONNECTION STRING INFO...
cnn.Open();
MySqlDataReader reader = cmd.ExecuteReader();
while (reader.Read())
{
Label lblmonthLimonad
浏览 0提问于2015-10-29得票数 0
2回答
如何从x轴的特定点添加动态y轴.
suppose my x-axis values are (jan,feb,march....dec)
i want to generate y axis from Jun-dec (x-axis)。
当我单击该按钮时，它会生成一个yaxis，并在x轴中从jan- 7月开始，而不是jun-dec。
请查看，您可以清楚地理解我的问题。
var chart = Highcharts.chart('container', {
xAxis: {
categories: ['Jan', 'Feb&#
浏览 2提问于2017-11-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
