Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
2
2020-101
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
2020-101
2020-101
Commits
b8e7bef1
Commit
b8e7bef1
authored
Aug 26, 2020
by
SohanDanushka
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Committing front-end adding graphs 1
parent
c8012419
Changes
2
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
343 additions
and
5 deletions
+343
-5
LecturerApp/templates/LecturerApp/CanvasJS-Multi-Series-Chart.html
...pp/templates/LecturerApp/CanvasJS-Multi-Series-Chart.html
+92
-0
LecturerApp/templates/LecturerApp/index.html
LecturerApp/templates/LecturerApp/index.html
+251
-5
No files found.
LecturerApp/templates/LecturerApp/CanvasJS-Multi-Series-Chart.html
0 → 100644
View file @
b8e7bef1
<!DOCTYPE HTML>
<html>
<head>
<script>
window
.
onload
=
function
()
{
var
chart
=
new
CanvasJS
.
Chart
(
"
chartContainer
"
,
{
animationEnabled
:
true
,
title
:{
text
:
"
Daily High Temperature at Different Beaches
"
},
axisX
:
{
valueFormatString
:
"
DD MMM,YY
"
},
axisY
:
{
title
:
"
Temperature (in °C)
"
,
suffix
:
"
°C
"
},
legend
:{
cursor
:
"
pointer
"
,
fontSize
:
16
,
itemclick
:
toggleDataSeries
},
toolTip
:{
shared
:
true
},
data
:
[{
name
:
"
Myrtle Beach
"
,
type
:
"
spline
"
,
yValueFormatString
:
"
#0.## °C
"
,
showInLegend
:
true
,
dataPoints
:
[
{
x
:
new
Date
(
2017
,
6
,
24
),
y
:
31
},
{
x
:
new
Date
(
2017
,
6
,
25
),
y
:
31
},
{
x
:
new
Date
(
2017
,
6
,
26
),
y
:
29
},
{
x
:
new
Date
(
2017
,
6
,
27
),
y
:
29
},
{
x
:
new
Date
(
2017
,
6
,
28
),
y
:
31
},
{
x
:
new
Date
(
2017
,
6
,
29
),
y
:
30
},
{
x
:
new
Date
(
2017
,
6
,
30
),
y
:
29
}
]
},
{
name
:
"
Martha Vineyard
"
,
type
:
"
spline
"
,
yValueFormatString
:
"
#0.## °C
"
,
showInLegend
:
true
,
dataPoints
:
[
{
x
:
new
Date
(
2017
,
6
,
24
),
y
:
20
},
{
x
:
new
Date
(
2017
,
6
,
25
),
y
:
20
},
{
x
:
new
Date
(
2017
,
6
,
26
),
y
:
25
},
{
x
:
new
Date
(
2017
,
6
,
27
),
y
:
25
},
{
x
:
new
Date
(
2017
,
6
,
28
),
y
:
25
},
{
x
:
new
Date
(
2017
,
6
,
29
),
y
:
25
},
{
x
:
new
Date
(
2017
,
6
,
30
),
y
:
25
}
]
},
{
name
:
"
Nantucket
"
,
type
:
"
spline
"
,
yValueFormatString
:
"
#0.## °C
"
,
showInLegend
:
true
,
dataPoints
:
[
{
x
:
new
Date
(
2017
,
6
,
24
),
y
:
22
},
{
x
:
new
Date
(
2017
,
6
,
25
),
y
:
19
},
{
x
:
new
Date
(
2017
,
6
,
26
),
y
:
23
},
{
x
:
new
Date
(
2017
,
6
,
27
),
y
:
24
},
{
x
:
new
Date
(
2017
,
6
,
28
),
y
:
24
},
{
x
:
new
Date
(
2017
,
6
,
29
),
y
:
23
},
{
x
:
new
Date
(
2017
,
6
,
30
),
y
:
23
}
]
}]
});
chart
.
render
();
function
toggleDataSeries
(
e
){
if
(
typeof
(
e
.
dataSeries
.
visible
)
===
"
undefined
"
||
e
.
dataSeries
.
visible
)
{
e
.
dataSeries
.
visible
=
false
;
}
else
{
e
.
dataSeries
.
visible
=
true
;
}
chart
.
render
();
}
}
</script>
</head>
<body>
<div
id=
"chartContainer"
style=
"height: 300px; max-width: 920px; margin: 0px auto;"
></div>
<script
src=
"https://canvasjs.com/assets/script/canvasjs.min.js"
></script>
</body>
</html>
\ No newline at end of file
LecturerApp/templates/LecturerApp/index.html
View file @
b8e7bef1
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment