將 arrays 中的數據插入餅圖 (chart.js)
[英]Inserting data from arrays into a pie chart (chart.js)
問題描述
我有 2 個 arrays 數據要插入餅圖。
所以我有這個代碼：
new Chart(document.getElementById("pie-chart"), {
type: 'pie',
data: {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "Population (millions)",
backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
data: [2478,5267,734,784,433]
}]
},
options: {
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}
}
});
我不想編寫 label 和數據，而是想從 2 arrays（一個用於標簽，一個用於數據）中獲取此信息。 我該怎么做？
1 個解決方案
解決方案1
0 2019-10-21 19:49:09
請使用以下為您創建的 jsfiddle，這可能會對您有所幫助。
https://jsfiddle.net/ua5hsj7k/
<!DOCTYPE html>
<html>
<head>
<title>ChartJS - Pie</title>
<link type="text/css" rel="stylesheet" href="css/default.css" />
</head>
<body>
<div class="chart-container">
<div class="pie-chart-container">
<canvas id="pie-chartcanvas-1"></canvas>
</div>
</div>
<!-- javascript -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
</body>
</html>
# js文件中的代碼
var piechart = $("#pie-chartcanvas-1");
var data1 = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [
{
label: "Population (millions)",
backgroundColor:
["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
data: [2478,5267,734,784,433]
}
]
};
var chart = new Chart(piechart,{
type:"pie",
data : data1,
options:{}
})
從PHP創建Chart.js餅圖數據
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.