forked from poivronjaune/BHTP-TradingView-Scaffolding
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathchart01.html
More file actions
208 lines (199 loc) · 14.8 KB
/
chart01.html
File metadata and controls
208 lines (199 loc) · 14.8 KB
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"
/>
<title>Candlestick Chart</title>
<!-- Adding the standalone version of Lightweight charts -->
<script
type="text/javascript"
src="libs\lightweight-charts.standalone.production.js"
></script>
<style>
body {
background-color: #222;
}
#container {
position: absolute;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="container">
<!-- The chart will be rendered inside this container -->
</div>
<!-- ########################################### -->
<!-- JAVASCRIPT TO DEFINE DATA AND ADD THE CHART -->
<!-- ########################################### -->
<script type="text/javascript">
// Function to generate a sample set of Candlestick datapoints
function generateCandlestickData() {
return [
{ time: "2018-10-19", open: 180.34, high: 180.99, low: 178.57, close: 179.85 },
{ time: "2018-10-22", open: 180.82, high: 181.41, low: 177.56, close: 178.75 },
{ time: "2018-10-23", open: 175.77, high: 179.49, low: 175.44, close: 178.53 },
{ time: "2018-10-24", open: 178.58, high: 182.37, low: 176.31, close: 176.97 },
{ time: "2018-10-25", open: 177.52, high: 180.51, low: 176.83, close: 179.07 },
{ time: "2018-10-26", open: 176.88, high: 177.34, low: 170.91, close: 172.23 },
{ time: "2018-10-29", open: 173.74, high: 175.99, low: 170.95, close: 173.21 },
{ time: "2018-10-30", open: 173.16, high: 176.43, low: 172.64, close: 176.24 },
{ time: "2018-10-31", open: 177.98, high: 178.85, low: 175.59, close: 175.88 },
{ time: "2018-11-01", open: 176.84, high: 180.86, low: 175.91, close: 180.46 },
{ time: "2018-11-02", open: 182.47, high: 183.01, low: 177.39, close: 179.93 },
{ time: "2018-11-05", open: 181.02, high: 182.41, low: 179.31, close: 182.19 },
{ time: "2018-11-06", open: 181.93, high: 182.65, low: 180.05, close: 182.01 },
{ time: "2018-11-07", open: 183.79, high: 187.68, low: 182.06, close: 187.23 },
{ time: "2018-11-08", open: 187.13, high: 188.69, low: 185.72, close: 188.01 },
{ time: "2018-11-09", open: 188.32, high: 188.48, low: 184.96, close: 185.99 },
{ time: "2018-11-12", open: 185.23, high: 186.95, low: 179.02, close: 179.43 },
{ time: "2018-11-13", open: 177.31, high: 181.62, low: 172.85, close: 179.01 },
{ time: "2018-11-14", open: 182.61, high: 182.91, low: 179.15, close: 179.91 },
{ time: "2018-11-15", open: 179.01, high: 179.67, low: 173.61, close: 177.36 },
{ time: "2018-11-16", open: 173.99, high: 177.61, low: 173.51, close: 177.02 },
{ time: "2018-11-19", open: 176.71, high: 178.88, low: 172.31, close: 173.59 },
{ time: "2018-11-20", open: 169.25, high: 172.01, low: 167.01, close: 169.05 },
{ time: "2018-11-21", open: 170.01, high: 170.93, low: 169.15, close: 169.31 },
{ time: "2018-11-23", open: 169.39, high: 170.33, low: 168.47, close: 168.85 },
{ time: "2018-11-26", open: 170.21, high: 172.39, low: 169.27, close: 169.82 },
{ time: "2018-11-27", open: 170.01, high: 174.91, low: 169.12, close: 174.24 },
{ time: "2018-11-28", open: 174.55, high: 176.61, low: 174.35, close: 176.48 },
{ time: "2018-11-29", open: 176.81, high: 177.27, low: 174.92, close: 175.66 },
{ time: "2018-11-30", open: 175.75, high: 180.37, low: 175.11, close: 180.32 },
{ time: "2018-12-03", open: 182.44, high: 183.16, low: 179.31, close: 181.74 },
{ time: "2018-12-04", open: 181.06, high: 182.23, low: 174.55, close: 174.72 },
{ time: "2018-12-06", open: 173.51, high: 176.04, low: 170.46, close: 175.96 },
{ time: "2018-12-07", open: 175.35, high: 178.36, low: 172.24, close: 172.79 },
{ time: "2018-12-10", open: 173.39, high: 173.99, low: 167.73, close: 171.69 },
{ time: "2018-12-11", open: 174.31, high: 174.91, low: 171.89, close: 172.21 },
{ time: "2018-12-12", open: 173.75, high: 176.87, low: 172.81, close: 174.21 },
{ time: "2018-12-13", open: 174.31, high: 174.91, low: 172.07, close: 173.87 },
{ time: "2018-12-14", open: 172.98, high: 175.14, low: 171.95, close: 172.29 },
{ time: "2018-12-17", open: 171.51, high: 171.99, low: 166.93, close: 167.97 },
{ time: "2018-12-18", open: 168.91, high: 171.95, low: 168.51, close: 170.04 },
{ time: "2018-12-19", open: 170.92, high: 174.95, low: 166.77, close: 167.56 },
{ time: "2018-12-20", open: 166.28, high: 167.31, low: 162.23, close: 164.16 },
{ time: "2018-12-21", open: 162.81, high: 167.96, low: 160.17, close: 160.48 },
{ time: "2018-12-24", open: 160.16, high: 161.41, low: 158.09, close: 158.14 },
{ time: "2018-12-26", open: 159.46, high: 168.28, low: 159.44, close: 168.28 },
{ time: "2018-12-27", open: 166.44, high: 170.46, low: 163.36, close: 170.32 },
{ time: "2018-12-28", open: 171.22, high: 173.12, low: 168.61, close: 170.22 },
{ time: "2018-12-31", open: 171.47, high: 173.24, low: 170.65, close: 171.82 },
{ time: "2019-01-02", open: 169.71, high: 173.18, low: 169.05, close: 172.41 },
{ time: "2019-01-03", open: 171.84, high: 171.84, low: 168.21, close: 168.61 },
{ time: "2019-01-04", open: 170.18, high: 174.74, low: 169.52, close: 173.62 },
{ time: "2019-01-07", open: 173.83, high: 178.18, low: 173.83, close: 177.04 },
{ time: "2019-01-08", open: 178.57, high: 179.59, low: 175.61, close: 177.89 },
{ time: "2019-01-09", open: 177.87, high: 181.27, low: 177.11, close: 179.73 },
{ time: "2019-01-10", open: 178.03, high: 179.24, low: 176.34, close: 179.06 },
{ time: "2019-01-11", open: 177.93, high: 180.26, low: 177.12, close: 179.41 },
{ time: "2019-01-14", open: 177.59, high: 179.23, low: 176.91, close: 178.81 },
{ time: "2019-01-15", open: 176.08, high: 177.82, low: 175.21, close: 176.47 },
{ time: "2019-01-16", open: 177.09, high: 177.93, low: 175.86, close: 177.04 },
{ time: "2019-01-17", open: 174.01, high: 176.06, low: 172.85, close: 174.87 },
{ time: "2019-01-18", open: 176.98, high: 179.58, low: 176.18, close: 179.58 },
{ time: "2019-01-22", open: 177.49, high: 178.61, low: 175.36, close: 177.11 },
{ time: "2019-01-23", open: 176.59, high: 178.06, low: 174.53, close: 177.56 },
{ time: "2019-01-24", open: 177.01, high: 177.53, low: 174.81, close: 177.29 },
{ time: "2019-01-25", open: 179.78, high: 180.87, low: 178.61, close: 180.41 },
{ time: "2019-01-28", open: 178.97, high: 179.99, low: 177.41, close: 179.83 },
{ time: "2019-01-29", open: 178.96, high: 180.15, low: 178.09, close: 179.69 },
{ time: "2019-01-30", open: 180.47, high: 184.21, low: 179.78, close: 182.18 },
{ time: "2019-01-31", open: 181.51, high: 184.67, low: 181.06, close: 183.53 },
{ time: "2019-02-01", open: 184.03, high: 185.15, low: 182.83, close: 184.37 },
{ time: "2019-02-04", open: 184.31, high: 186.43, low: 183.84, close: 186.43 },
{ time: "2019-02-05", open: 186.89, high: 186.99, low: 184.69, close: 186.39 },
{ time: "2019-02-06", open: 186.69, high: 186.69, low: 184.06, close: 184.72 },
{ time: "2019-02-07", open: 183.74, high: 184.92, low: 182.45, close: 184.07 },
{ time: "2019-02-08", open: 183.05, high: 184.58, low: 182.72, close: 184.54 },
{ time: "2019-02-11", open: 185.01, high: 185.42, low: 182.75, close: 182.92 },
{ time: "2019-02-12", open: 183.84, high: 186.41, low: 183.52, close: 185.52 },
{ time: "2019-02-13", open: 186.31, high: 187.68, low: 185.23, close: 186.72 },
{ time: "2019-02-14", open: 187.51, high: 188.93, low: 186.01, close: 187.71 },
{ time: "2019-02-15", open: 189.87, high: 192.62, low: 189.05, close: 192.39 },
{ time: "2019-02-19", open: 191.71, high: 193.19, low: 191.28, close: 192.33 },
{ time: "2019-02-20", open: 192.39, high: 192.41, low: 191.11, close: 191.85 },
{ time: "2019-02-21", open: 191.85, high: 192.37, low: 190.61, close: 191.82 },
{ time: "2019-02-22", open: 191.69, high: 192.54, low: 191.62, close: 192.39 },
{ time: "2019-02-25", open: 192.75, high: 193.42, low: 189.96, close: 189.98 },
{ time: "2019-02-26", open: 185.59, high: 188.47, low: 182.81, close: 188.31 },
{ time: "2019-02-27", open: 187.91, high: 188.51, low: 183.21, close: 183.67 },
{ time: "2019-02-28", open: 183.61, high: 185.19, low: 183.11, close: 185.14 },
{ time: "2019-03-01", open: 185.82, high: 186.56, low: 182.86, close: 185.17 },
{ time: "2019-03-04", open: 185.01, high: 186.24, low: 183.25, close: 184.74 },
{ time: "2019-03-05", open: 184.24, high: 185.12, low: 183.25, close: 184.01 },
{ time: "2019-03-06", open: 184.53, high: 184.97, low: 183.84, close: 184.45 },
{ time: "2019-03-07", open: 184.39, high: 184.62, low: 181.58, close: 182.51 },
{ time: "2019-03-08", open: 181.49, high: 181.91, low: 179.52, close: 181.23 },
{ time: "2019-03-11", open: 182.01, high: 183.21, low: 181.21, close: 182.44 },
{ time: "2019-03-12", open: 183.43, high: 184.27, low: 182.33, close: 184.01 },
{ time: "2019-03-13", open: 183.24, high: 183.78, low: 181.08, close: 181.14 },
{ time: "2019-03-14", open: 181.28, high: 182.88, low: 181.01, close: 182.23 },
{ time: "2019-03-15", open: 182.31, high: 182.49, low: 179.57, close: 182.23 },
{ time: "2019-03-18", open: 182.25, high: 183.22, low: 181.21, close: 182.33 },
{ time: "2019-03-19", open: 182.52, high: 183.48, low: 182.01, close: 182.63 },
{ time: "2019-03-20", open: 182.67, high: 183.49, low: 181.56, close: 182.06 },
{ time: "2019-03-21", open: 182.31, high: 184.14, low: 182.05, close: 183.73 },
{ time: "2019-03-22", open: 183.86, high: 184.27, low: 181.51, close: 182.25 },
{ time: "2019-03-25", open: 181.41, high: 182.25, low: 179.01, close: 181.09 },
{ time: "2019-03-26", open: 181.42, high: 184.46, low: 181.06, close: 184.34 },
{ time: "2019-03-27", open: 184.75, high: 185.01, low: 182.61, close: 183.92 },
{ time: "2019-03-28", open: 184.01, high: 184.78, low: 183.62, close: 184.41 },
{ time: "2019-03-29", open: 184.56, high: 185.25, low: 183.74, close: 185.15 },
{ time: "2019-04-01", open: 186.11, high: 187.33, low: 185.48, close: 187.01 },
{ time: "2019-04-02", open: 186.47, high: 187.21, low: 185.31, close: 186.79 },
{ time: "2019-04-03", open: 187.14, high: 188.14, low: 186.51, close: 187.64 },
{ time: "2019-04-04", open: 187.79, high: 188.56, low: 187.05, close: 188.15 },
{ time: "2019-04-05", open: 188.95, high: 190.01, low: 188.61, close: 189.95 },
{ time: "2019-04-08", open: 189.74, high: 190.45, low: 188.54, close: 189.49 },
{ time: "2019-04-09", open: 189.25, high: 189.95, low: 188.56, close: 188.84 },
{ time: "2019-04-10", open: 189.02, high: 190.21, low: 188.76, close: 189.88 },
{ time: "2019-04-11", open: 189.65, high: 190.21, low: 188.95, close: 189.31 },
{ time: "2019-04-12", open: 189.51, high: 191.51, low: 189.21, close: 191.31 },
{ time: "2019-04-15", open: 191.01, high: 191.41, low: 189.61, close: 190.45 },
{ time: "2019-04-16", open: 190.91, high: 192.21, low: 190.51, close: 191.55 },
{ time: "2019-04-17", open: 191.71, high: 192.11, low: 190.81, close: 191.91 },
{ time: "2019-04-18", open: 192.01, high: 193.01, low: 191.21, close: 192.75 },
{ time: "2019-04-22", open: 192.61, high: 193.21, low: 191.51, close: 192.15 },
{ time: "2019-04-23", open: 192.81, high: 194.51, low: 192.51, close: 194.01 },
{ time: "2019-04-24", open: 194.31, high: 195.01, low: 193.51, close: 194.55 },
{ time: "2019-04-25", open: 194.11, high: 194.71, low: 192.91, close: 193.15 },
{ time: "2019-04-26", open: 193.25, high: 194.01, low: 192.41, close: 193.71 },
{ time: "2019-04-29", open: 194.01, high: 195.51, low: 193.61, close: 195.31 },
{ time: "2019-04-30", open: 195.41, high: 196.21, low: 194.61, close: 195.91 },
{ time: "2019-05-01", open: 196.11, high: 197.21, low: 195.31, close: 196.71 },
{ time: "2019-05-02", open: 196.51, high: 196.91, low: 194.81, close: 195.21 },
{ time: "2019-05-03", open: 196.81, high: 198.21, low: 196.51, close: 197.81 },
{ time: "2019-05-06", open: 197.51, high: 198.11, low: 196.01, close: 196.41 },
{ time: "2019-05-07", open: 196.21, high: 197.01, low: 194.11, close: 194.81 },
{ time: "2019-05-08", open: 195.01, high: 196.01, low: 194.01, close: 195.31 },
{ time: "2019-05-09", open: 194.71, high: 195.21, low: 192.81, close: 193.51 },
{ time: "2019-05-10", open: 194.01, high: 195.51, low: 193.01, close: 195.01 },
{ time: "2019-05-13", open: 194.61, high: 195.11, low: 192.01, close: 192.91 },
{ time: "2019-05-14", open: 193.21, high: 194.61, low: 192.51, close: 193.91 },
{ time: "2019-05-15", open: 194.01, high: 195.01, low: 193.11, close: 194.51 },
{ time: "2019-05-16", open: 195.01, high: 196.21, low: 194.21, close: 195.81 },
{ time: "2019-05-17", open: 195.31, high: 195.91, low: 193.81, close: 194.41 }
];
}
// Generate sample data to use within a candlestick series
const candleStickData = generateCandlestickData();
// Create the Lightweight Chart within the container element defined in the HTML Body
const chart = LightweightCharts.createChart(
document.getElementById('container')
);
// Create the Main Series for our Candlesticks data
const mainSeries = chart.addSeries(LightweightCharts.CandlestickSeries);
// Set the data for the Main Series
mainSeries.setData(candleStickData);
// Adding a window resize event handler to resize the chart when the window size changes.
window.addEventListener('resize', () => {
chart.resize(window.innerWidth, window.innerHeight);
});
</script>
</body>
</html>