Skip to content

Commit 5dc78d0

Browse files
aakashrajputaakashrajput
committed
setup chart.js
1 parent e992edc commit 5dc78d0

File tree

3 files changed

+46
-45
lines changed

3 files changed

+46
-45
lines changed

‎User/includes/performance.php

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<div class="col-12">
2+
<div class="card card-chart">
3+
<div class="card-header">
4+
<div class="row">
5+
<div class="col-sm-6 text-left">
6+
<h5 class="card-category">Total Shipments</h5>
7+
<h2 class="card-title">Performance</h2>
8+
</div>
9+
<div class="col-sm-6">
10+
<div class="btn-group btn-group-toggle float-right" data-toggle="buttons">
11+
<label class="btn btn-sm btn-primary btn-simple active" id="0">
12+
<input type="radio" name="options" checked>
13+
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Accounts</span>
14+
<span class="d-block d-sm-none">
15+
<i class="tim-icons icon-single-02"></i>
16+
</span>
17+
</label>
18+
<label class="btn btn-sm btn-primary btn-simple" id="1">
19+
<input type="radio" class="d-none d-sm-none" name="options">
20+
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Purchases</span>
21+
<span class="d-block d-sm-none">
22+
<i class="tim-icons icon-gift-2"></i>
23+
</span>
24+
</label>
25+
<label class="btn btn-sm btn-primary btn-simple" id="2">
26+
<input type="radio" class="d-none" name="options">
27+
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Sessions</span>
28+
<span class="d-block d-sm-none">
29+
<i class="tim-icons icon-tap-02"></i>
30+
</span>
31+
</label>
32+
</div>
33+
</div>
34+
</div>
35+
</div>
36+
<div class="card-body">
37+
<div class="chart-area">
38+
<canvas id="chartBig1"></canvas>
39+
</div>
40+
</div>
41+
</div>
42+
</div>

‎User/index.php

Lines changed: 1 addition & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -49,48 +49,7 @@
4949
<!-- End Navbar -->
5050
<div class="content">
5151
<div class="row">
52-
<div class="col-12">
53-
<div class="card card-chart">
54-
<div class="card-header">
55-
<div class="row">
56-
<div class="col-sm-6 text-left">
57-
<h5 class="card-category">Total Shipments</h5>
58-
<h2 class="card-title">Performance</h2>
59-
</div>
60-
<div class="col-sm-6">
61-
<div class="btn-group btn-group-toggle float-right" data-toggle="buttons">
62-
<label class="btn btn-sm btn-primary btn-simple active" id="0">
63-
<input type="radio" name="options" checked>
64-
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Accounts</span>
65-
<span class="d-block d-sm-none">
66-
<i class="tim-icons icon-single-02"></i>
67-
</span>
68-
</label>
69-
<label class="btn btn-sm btn-primary btn-simple" id="1">
70-
<input type="radio" class="d-none d-sm-none" name="options">
71-
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Purchases</span>
72-
<span class="d-block d-sm-none">
73-
<i class="tim-icons icon-gift-2"></i>
74-
</span>
75-
</label>
76-
<label class="btn btn-sm btn-primary btn-simple" id="2">
77-
<input type="radio" class="d-none" name="options">
78-
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Sessions</span>
79-
<span class="d-block d-sm-none">
80-
<i class="tim-icons icon-tap-02"></i>
81-
</span>
82-
</label>
83-
</div>
84-
</div>
85-
</div>
86-
</div>
87-
<div class="card-body">
88-
<div class="chart-area">
89-
<canvas id="chartBig1"></canvas>
90-
</div>
91-
</div>
92-
</div>
93-
</div>
52+
<?php include("./includes/performance.php"); ?>
9453
<?php include("./includes/no_bar.php"); ?>
9554
<?php include("./includes/graph_card.php"); ?>
9655
</div>

‎assets/demo/demo.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1013,7 +1013,7 @@ demo = {
10131013

10141014

10151015
var chart_labels = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'];
1016-
var chart_data = [ 100, 70, 90, 70, 85, 60, 75, 60, 90, 80,110, 100];
1016+
var chart_data = [ 180, 70, 90, 70, 85, 60, 75, 60, 90, 80,110, 100];
10171017

10181018

10191019
var ctx = document.getElementById("chartBig1").getContext('2d');
@@ -1055,15 +1055,15 @@ var config = {
10551055
myChartData.update();
10561056
});
10571057
$("#1").click(function() {
1058-
var chart_data = [ 80, 120, 105, 110, 95, 105, 90, 100, 80, 95,70, 120];
1058+
var chart_data = [ 180, 120, 105, 110, 95, 105, 90, 100, 80, 95,70, 120];
10591059
var data = myChartData.config.data;
10601060
data.datasets[0].data = chart_data;
10611061
data.labels = chart_labels;
10621062
myChartData.update();
10631063
});
10641064

10651065
$("#2").click(function() {
1066-
var chart_data = [ 60, 80, 65, 130, 80, 105, 90, 130, 70, 115,60, 130];
1066+
var chart_data = [ 130, 80, 65, 130, 80, 105, 90, 130, 70, 115,60, 130];
10671067
var data = myChartData.config.data;
10681068
data.datasets[0].data = chart_data;
10691069
data.labels = chart_labels;

0 commit comments

Comments
 (0)