-
Notifications
You must be signed in to change notification settings - Fork 2
/
charts.js
69 lines (68 loc) · 1.7 KB
/
charts.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
var ctx = document.getElementById("myChart").getContext("2d");
var cty = document.getElementById("myPie").getContext("2d");
const value = [9, 30, 26, 21, 12];
// const context = ["9%", "30%", "26%", "21%", "12%",]
// Chart.defaults.global.defaultFontColor = "#fff";
var myChart = new Chart(cty, {
type: "doughnut",
data: {
labels: [
"Agriculture",
"Electricity",
"Transportation",
"Industry",
"Commercial and Residental",
],
datasets: [
{
label: "Average carbon footprint per year",
data: [9, 30, 26, 21, 12],
backgroundColor: [
"rgba(255, 99, 132, 0.5)",
"rgba(54, 162, 235, 0.5)",
"rgba(255, 206, 86, 0.5)",
"rgba(75, 192, 192, 0.5)",
"rgba(153, 102, 255 , 0.5)",
],
},
],
},
options: {
responsive: true,
},
});
var myChart = new Chart(ctx, {
type: "bar",
data: {
labels: ["Mumbai", "Pune", "Aurangabad", "Ahmednagar", "Nashik"],
datasets: [
{
label: "Average carbon footprint per year",
data: [0.560758008, 0.456334856, 0.589773707, 0.563625533, 0.327060533],
backgroundColor: [
"rgba(255, 99, 132, 0.5)",
"rgba(54, 162, 235, 0.5)",
"rgba(255, 206, 86, 0.5)",
"rgba(75, 192, 192, 0.5)",
"rgba(153, 102, 255 , 0.5)",
],
color: "#fff",
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)",
],
borderWidth: 1,
},
],
},
options: {
scales: {
y: {
beginAtZero: true,
},
},
},
});