@barchart/chart-lib 2.106.1 → 2.183.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- chart-lib/AMZN_Daily.json +6042 -0
- chart-lib/AMZN_Events.json +462 -0
- {package → chart-lib}/README.md +9 -15
- {package → chart-lib}/barchart.chart.d.ts +174 -21
- chart-lib/barchart.chart.js +2 -0
- chart-lib/chart.def.json +132 -0
- chart-lib/index.html +20 -0
- chart-lib/index.js +195 -0
- {package → chart-lib}/package.json +8 -2
- chart-lib/style.css +171 -0
- package/barchart.chart.js +0 -15
|
@@ -0,0 +1,462 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"date": "1998-01-22",
|
|
4
|
+
"kind": "Earnings",
|
|
5
|
+
"value": "-0.39"
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
"date": "1998-04-27",
|
|
9
|
+
"kind": "Earnings",
|
|
10
|
+
"value": "-0.4"
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
"date": "1998-06-02",
|
|
14
|
+
"kind": "Splits",
|
|
15
|
+
"value": "2-1"
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"date": "1998-07-22",
|
|
19
|
+
"kind": "Earnings",
|
|
20
|
+
"value": "-0.44"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"date": "1998-10-28",
|
|
24
|
+
"kind": "Earnings",
|
|
25
|
+
"value": "-0.49"
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"date": "1999-01-05",
|
|
29
|
+
"kind": "Splits",
|
|
30
|
+
"value": "3-1"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"date": "1999-01-26",
|
|
34
|
+
"kind": "Earnings",
|
|
35
|
+
"value": "-0.14"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"date": "1999-04-28",
|
|
39
|
+
"kind": "Earnings",
|
|
40
|
+
"value": "-0.23"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"date": "1999-07-21",
|
|
44
|
+
"kind": "Earnings",
|
|
45
|
+
"value": "-0.51"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"date": "1999-09-02",
|
|
49
|
+
"kind": "Splits",
|
|
50
|
+
"value": "2-1"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"date": "1999-10-27",
|
|
54
|
+
"kind": "Earnings",
|
|
55
|
+
"value": "-0.26"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"date": "2000-02-02",
|
|
59
|
+
"kind": "Earnings",
|
|
60
|
+
"value": "-0.55"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"date": "2000-04-26",
|
|
64
|
+
"kind": "Earnings",
|
|
65
|
+
"value": "-0.35"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"date": "2000-07-26",
|
|
69
|
+
"kind": "Earnings",
|
|
70
|
+
"value": "-0.33"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"date": "2000-10-24",
|
|
74
|
+
"kind": "Earnings",
|
|
75
|
+
"value": "-0.25"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"date": "2001-01-30",
|
|
79
|
+
"kind": "Earnings",
|
|
80
|
+
"value": "-0.25"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"date": "2001-04-24",
|
|
84
|
+
"kind": "Earnings",
|
|
85
|
+
"value": "-0.21"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"date": "2001-07-23",
|
|
89
|
+
"kind": "Earnings",
|
|
90
|
+
"value": "-0.16"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"date": "2001-10-23",
|
|
94
|
+
"kind": "Earnings",
|
|
95
|
+
"value": "-0.16"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"date": "2002-01-22",
|
|
99
|
+
"kind": "Earnings",
|
|
100
|
+
"value": "0.01"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"date": "2002-04-23",
|
|
104
|
+
"kind": "Earnings",
|
|
105
|
+
"value": "-0.06"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"date": "2002-07-23",
|
|
109
|
+
"kind": "Earnings",
|
|
110
|
+
"value": "-0.01"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"date": "2002-10-24",
|
|
114
|
+
"kind": "Earnings",
|
|
115
|
+
"value": "0"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"date": "2003-01-23",
|
|
119
|
+
"kind": "Earnings",
|
|
120
|
+
"value": "0.19"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"date": "2003-04-24",
|
|
124
|
+
"kind": "Earnings",
|
|
125
|
+
"value": "0.1"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"date": "2003-07-22",
|
|
129
|
+
"kind": "Earnings",
|
|
130
|
+
"value": "0.1"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"date": "2003-10-21",
|
|
134
|
+
"kind": "Earnings",
|
|
135
|
+
"value": "0.11"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"date": "2004-01-27",
|
|
139
|
+
"kind": "Earnings",
|
|
140
|
+
"value": "0.29"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"date": "2004-04-22",
|
|
144
|
+
"kind": "Earnings",
|
|
145
|
+
"value": "0.23"
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"date": "2004-07-22",
|
|
149
|
+
"kind": "Earnings",
|
|
150
|
+
"value": "0.18"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"date": "2004-10-21",
|
|
154
|
+
"kind": "Earnings",
|
|
155
|
+
"value": "0.17"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"date": "2005-02-02",
|
|
159
|
+
"kind": "Earnings",
|
|
160
|
+
"value": "0.35"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"date": "2005-04-26",
|
|
164
|
+
"kind": "Earnings",
|
|
165
|
+
"value": "0.22"
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"date": "2005-07-26",
|
|
169
|
+
"kind": "Earnings",
|
|
170
|
+
"value": "0.16"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"date": "2005-10-25",
|
|
174
|
+
"kind": "Earnings",
|
|
175
|
+
"value": "0.12"
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"date": "2006-02-02",
|
|
179
|
+
"kind": "Earnings",
|
|
180
|
+
"value": "0.25"
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"date": "2006-04-25",
|
|
184
|
+
"kind": "Earnings",
|
|
185
|
+
"value": "0.12"
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"date": "2006-07-25",
|
|
189
|
+
"kind": "Earnings",
|
|
190
|
+
"value": "0.05"
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"date": "2006-10-24",
|
|
194
|
+
"kind": "Earnings",
|
|
195
|
+
"value": "0.05"
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"date": "2007-02-01",
|
|
199
|
+
"kind": "Earnings",
|
|
200
|
+
"value": "0.23"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"date": "2007-04-24",
|
|
204
|
+
"kind": "Earnings",
|
|
205
|
+
"value": "0.26"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"date": "2007-07-24",
|
|
209
|
+
"kind": "Earnings",
|
|
210
|
+
"value": "0.19"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"date": "2007-10-23",
|
|
214
|
+
"kind": "Earnings",
|
|
215
|
+
"value": "0.19"
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"date": "2008-01-30",
|
|
219
|
+
"kind": "Earnings",
|
|
220
|
+
"value": "0.48"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"date": "2008-04-23",
|
|
224
|
+
"kind": "Earnings",
|
|
225
|
+
"value": "0.34"
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"date": "2008-07-23",
|
|
229
|
+
"kind": "Earnings",
|
|
230
|
+
"value": "0.37"
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"date": "2008-10-22",
|
|
234
|
+
"kind": "Earnings",
|
|
235
|
+
"value": "0.27"
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"date": "2009-01-29",
|
|
239
|
+
"kind": "Earnings",
|
|
240
|
+
"value": "0.52"
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"date": "2009-04-23",
|
|
244
|
+
"kind": "Earnings",
|
|
245
|
+
"value": "0.41"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"date": "2009-07-23",
|
|
249
|
+
"kind": "Earnings",
|
|
250
|
+
"value": "0.32"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"date": "2009-10-22",
|
|
254
|
+
"kind": "Earnings",
|
|
255
|
+
"value": "0.45"
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"date": "2010-01-28",
|
|
259
|
+
"kind": "Earnings",
|
|
260
|
+
"value": "0.85"
|
|
261
|
+
},
|
|
262
|
+
{
|
|
263
|
+
"date": "2010-04-22",
|
|
264
|
+
"kind": "Earnings",
|
|
265
|
+
"value": "0.66"
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"date": "2010-07-22",
|
|
269
|
+
"kind": "Earnings",
|
|
270
|
+
"value": "0.45"
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"date": "2010-10-21",
|
|
274
|
+
"kind": "Earnings",
|
|
275
|
+
"value": "0.51"
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"date": "2011-01-27",
|
|
279
|
+
"kind": "Earnings",
|
|
280
|
+
"value": "0.91"
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"date": "2011-04-26",
|
|
284
|
+
"kind": "Earnings",
|
|
285
|
+
"value": "0.44"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"date": "2011-07-26",
|
|
289
|
+
"kind": "Earnings",
|
|
290
|
+
"value": "0.41"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"date": "2011-10-25",
|
|
294
|
+
"kind": "Earnings",
|
|
295
|
+
"value": "0.14"
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"date": "2012-01-31",
|
|
299
|
+
"kind": "Earnings",
|
|
300
|
+
"value": "0.38"
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"date": "2012-04-26",
|
|
304
|
+
"kind": "Earnings",
|
|
305
|
+
"value": "0.28"
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"date": "2012-07-26",
|
|
309
|
+
"kind": "Earnings",
|
|
310
|
+
"value": "0.01"
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
"date": "2012-10-25",
|
|
314
|
+
"kind": "Earnings",
|
|
315
|
+
"value": "-0.23"
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"date": "2013-01-29",
|
|
319
|
+
"kind": "Earnings",
|
|
320
|
+
"value": "0.21"
|
|
321
|
+
},
|
|
322
|
+
{
|
|
323
|
+
"date": "2013-04-25",
|
|
324
|
+
"kind": "Earnings",
|
|
325
|
+
"value": "0.18"
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"date": "2013-07-25",
|
|
329
|
+
"kind": "Earnings",
|
|
330
|
+
"value": "-0.02"
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"date": "2013-10-24",
|
|
334
|
+
"kind": "Earnings",
|
|
335
|
+
"value": "-0.09"
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"date": "2014-01-30",
|
|
339
|
+
"kind": "Earnings",
|
|
340
|
+
"value": "0.51"
|
|
341
|
+
},
|
|
342
|
+
{
|
|
343
|
+
"date": "2014-04-24",
|
|
344
|
+
"kind": "Earnings",
|
|
345
|
+
"value": "0.23"
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"date": "2014-07-24",
|
|
349
|
+
"kind": "Earnings",
|
|
350
|
+
"value": "-0.27"
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"date": "2014-10-23",
|
|
354
|
+
"kind": "Earnings",
|
|
355
|
+
"value": "-0.95"
|
|
356
|
+
},
|
|
357
|
+
{
|
|
358
|
+
"date": "2015-01-29",
|
|
359
|
+
"kind": "Earnings",
|
|
360
|
+
"value": "0.45"
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"date": "2015-04-23",
|
|
364
|
+
"kind": "Earnings",
|
|
365
|
+
"value": "-0.12"
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"date": "2015-07-23",
|
|
369
|
+
"kind": "Earnings",
|
|
370
|
+
"value": "0.19"
|
|
371
|
+
},
|
|
372
|
+
{
|
|
373
|
+
"date": "2015-10-22",
|
|
374
|
+
"kind": "Earnings",
|
|
375
|
+
"value": "0.17"
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"date": "2016-01-28",
|
|
379
|
+
"kind": "Earnings",
|
|
380
|
+
"value": "1"
|
|
381
|
+
},
|
|
382
|
+
{
|
|
383
|
+
"date": "2016-04-28",
|
|
384
|
+
"kind": "Earnings",
|
|
385
|
+
"value": "1.07"
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"date": "2016-07-28",
|
|
389
|
+
"kind": "Earnings",
|
|
390
|
+
"value": "1.78"
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"date": "2016-10-27",
|
|
394
|
+
"kind": "Earnings",
|
|
395
|
+
"value": "0.52"
|
|
396
|
+
},
|
|
397
|
+
{
|
|
398
|
+
"date": "2017-02-02",
|
|
399
|
+
"kind": "Earnings",
|
|
400
|
+
"value": "1.54"
|
|
401
|
+
},
|
|
402
|
+
{
|
|
403
|
+
"date": "2017-04-27",
|
|
404
|
+
"kind": "Earnings",
|
|
405
|
+
"value": "1.48"
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"date": "2017-07-27",
|
|
409
|
+
"kind": "Earnings",
|
|
410
|
+
"value": "0.4"
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
"date": "2017-10-26",
|
|
414
|
+
"kind": "Earnings",
|
|
415
|
+
"value": "0.52"
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"date": "2018-02-01",
|
|
419
|
+
"kind": "Earnings",
|
|
420
|
+
"value": "2.19"
|
|
421
|
+
},
|
|
422
|
+
{
|
|
423
|
+
"date": "2018-04-26",
|
|
424
|
+
"kind": "Earnings",
|
|
425
|
+
"value": "3.27"
|
|
426
|
+
},
|
|
427
|
+
{
|
|
428
|
+
"date": "2018-07-26",
|
|
429
|
+
"kind": "Earnings",
|
|
430
|
+
"value": "5.07"
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"date": "2018-10-25",
|
|
434
|
+
"kind": "Earnings",
|
|
435
|
+
"value": "5.75"
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"date": "2019-01-31",
|
|
439
|
+
"kind": "Earnings",
|
|
440
|
+
"value": "6.04"
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"date": "2019-04-25",
|
|
444
|
+
"kind": "Earnings",
|
|
445
|
+
"value": "7.09"
|
|
446
|
+
},
|
|
447
|
+
{
|
|
448
|
+
"date": "2019-07-25",
|
|
449
|
+
"kind": "Earnings",
|
|
450
|
+
"value": "5.22"
|
|
451
|
+
},
|
|
452
|
+
{
|
|
453
|
+
"date": "2019-10-24",
|
|
454
|
+
"kind": "Earnings",
|
|
455
|
+
"value": "4.23"
|
|
456
|
+
},
|
|
457
|
+
{
|
|
458
|
+
"date": "2020-01-30",
|
|
459
|
+
"kind": "Earnings",
|
|
460
|
+
"value": "6.47"
|
|
461
|
+
}
|
|
462
|
+
]
|
{package → chart-lib}/README.md
RENAMED
|
@@ -7,26 +7,20 @@ The archive contains the following files:
|
|
|
7
7
|
1. `barchart.chart.js` - the chart component you're integrating into your product(s)
|
|
8
8
|
2. `barchart.chart.d.ts` - TypeScript declaration file for the library; please note that this is useful for both TypeScript **and** JavaScript projects
|
|
9
9
|
3. `index.html` - a web page hosting a single chart; please note that you may host many charts inside a single page, we've tested dozens of charts shown simultaneously
|
|
10
|
-
4. `index.js` - the script needed to add a chart to the page using a _custom_ data feed (complete implementation is provided) for demonstration purposes; in practice, the feed is
|
|
10
|
+
4. `index.js` - the script needed to add a chart to the page using a _custom_ data feed (complete implementation is provided) for demonstration purposes; in practice, the feed is provided by Barchart and using the chart requires only a few lines of code
|
|
11
11
|
5. `style.css` - a simple CSS for styling some elements of the UI using a dark theme
|
|
12
|
-
6. `chart.def.json` - a default chart definition with one symbol plot and the volume study using a dark theme
|
|
12
|
+
6. `chart.def.json` - a default chart definition (its state) with one symbol plot and the volume study using a dark theme
|
|
13
13
|
7. `AMZN_Daily.json` - a snapshot of Amazon's daily data for demonstration purposes
|
|
14
14
|
8. `AMZN_Events.json` - a snapshot of Amazon's events data for demonstration purposes
|
|
15
15
|
9. `package.json` - an npm package definition
|
|
16
16
|
|
|
17
17
|
## How to run the example
|
|
18
18
|
|
|
19
|
-
Please note that because the timeseries data is loaded using JavaScript `fetch` functionality, the web page must be served using a web server (in other words, you can't just open `index.html` from the local filesystem). You could use a very mature and popular [one that we like on NPM](https://www.npmjs.com/package/serve). Assuming you've decompressed the SDK into the `chart-lib` folder, simply go into the `chart-lib` folder and run `serve .`. By default, the server will serve the `index.html` on a port 5000.
|
|
19
|
+
Please note that because the timeseries data is loaded using JavaScript `fetch` functionality, the web page must be served using a web server (in other words, you can't just open `index.html` from the local filesystem). You could use a very mature and popular [one that we like on NPM](https://www.npmjs.com/package/serve). Assuming you've decompressed the SDK into the `chart-lib` folder, simply go into the `chart-lib` folder and run `serve .`. By default, the server will serve the `index.html` on a port 5000. In order to keep the example running, please contact Barchart and obtain an API key, which should replace the `<YOUR_API_KEY>` in the `index.js`.
|
|
20
20
|
|
|
21
21
|
## Browser support
|
|
22
22
|
|
|
23
|
-
In order to keep the chart component's size reasonably small, we have built the component for the
|
|
24
|
-
|
|
25
|
-
- Chrome 69
|
|
26
|
-
- Firefox 62
|
|
27
|
-
- Safari 12
|
|
28
|
-
- Edge 18
|
|
29
|
-
- Electron 4
|
|
23
|
+
In order to keep the chart component's size reasonably small, we have built the component for the last EcmaScript (JavaScript) standard. The last 2 versions of all major browsers support this standard, so you will need a modern browser to use the component.
|
|
30
24
|
|
|
31
25
|
Please note that the component **can** be made to support older browsers (for example IE 11, we have not tested older versions) at the expense of its size which typically grows significantly for very old browsers.
|
|
32
26
|
|
|
@@ -34,20 +28,20 @@ Please note that the component **can** be made to support older browsers (for ex
|
|
|
34
28
|
|
|
35
29
|
While the example code (`index.html` and related files) is complete and works, it does not show a modern JavaScript development scenario - it's more akin to a traditional approach where you'd reference the library in your HTML, then use the resources from the Barchart "namespace" in your scripts.
|
|
36
30
|
|
|
37
|
-
However, this is just one and definitely not the only way of using the library. If you would like to reference and build the library with your code and you are using [npm](https://npmjs.com) - which practically all modern approaches do - and any of the modern bundlers ([Webpack](https://webpack.js.org), [Rollup](https://rollupjs.org), [Parcel](https://parceljs.org)) and transpilers like [Babel](https://babeljs.com), then please do _one_ of the two:
|
|
31
|
+
However, this is just one and definitely not the only way of using the library. If you would like to reference and build the library with your code and you are using [npm](https://npmjs.com) - which practically all modern approaches do - and any of the modern bundlers ([Webpack](https://webpack.js.org), [Rollup](https://rollupjs.org), [Parcel](https://parceljs.org) or [Vite](https://vitejs.dev/)) and transpilers like [Babel](https://babeljs.com), then please do _one_ of the two:
|
|
38
32
|
|
|
39
33
|
1. If you have network access, install our library from npm as usual, that is to say `npm i @barchart/chart-lib` or `yarn add @barchart/chart-lib`
|
|
40
34
|
2. If you don't have network access, you may install the package directly from this very archive (no need to decompress) by running `npm i /path/to/chart-lib.tgz` or `yarn add file:/path/to/chart-lib.tgz`
|
|
41
35
|
|
|
42
36
|
You are now able to `import` any of the functions/classes/constants the chart library exports; these are all documented in the above mentioned TypeScript declaration file. Our module name is `@barchart/chart-lib`.
|
|
43
37
|
|
|
44
|
-
|
|
38
|
+
The chart component is framework-agnostic and works equally well with any modern JS framework as well as with no framework at all.
|
|
45
39
|
|
|
46
40
|
## Where to find more information
|
|
47
41
|
|
|
48
42
|
The chart component/SDK does not ship with any form of UI. The API the chart responds to is [documented here](https://docs.barchart.com/chart). We're busy at work making the docs clearer and easier to use, please check back often.
|
|
49
43
|
|
|
50
|
-
We do have a product which includes the UI
|
|
51
|
-
The very same widget powers [our demo site](https://demo.barchart.com/chart). The widget is written
|
|
44
|
+
We do have a product - called widget - which includes the UI. A UI builder producing the small snippet of the HTML needed to get the widget on your page can be seen [at the widget site](https://demo.barchart.com/chart-widget).
|
|
45
|
+
The very same widget powers [our demo site](https://demo.barchart.com/chart). The widget is written using Barchart's cutting edge (proprietary) library which produces [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components), helping keep the package size small and efficient.
|
|
52
46
|
|
|
53
|
-
Please note that we're using the component as-is in many of [Barchart's](https://www.barchart.com) products. The component is in production since 2016 and is battle tested across several different scenarios
|
|
47
|
+
Please note that we're using the component as-is in many of [Barchart's](https://www.barchart.com) products. The component is in production since 2016 and is battle tested across several different scenarios - both page based and SPA based. We're happy to help you integrate the component into your product(s).
|