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
import bot, { events, QueryRequest, sleep } from "https://esm.town/v/jeffreyyoung/poe_bot";
const html = `<html>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<figure class="highcharts-figure">
<div id="container"></div>
</figure>
<style>
.highcharts-figure,
.highcharts-data-table table {
min-width: 360px;
max-width: 800px;
margin: 1em auto;
}
.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #ebebeb;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
</style>
<script>
Highcharts.chart('container', {
title: {
text: 'Stock Prices',
align: 'left'
},
subtitle: {
text: 'Are in fact going up',
align: 'left'
},
yAxis: {
title: {
text: 'How high'
}
},
xAxis: {
accessibility: {
rangeDescription: 'Range: 2010 to 2022'
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle'
},
plotOptions: {
series: {
label: {
connectorAllowed: false
},
pointStart: 2010
}
},
series: [{
name: 'Installation & Developers',
data: [
43934, 48656, 65165, 81827, 112143, 142383,
171533, 165174, 155157, 161454, 154610, 168960, 171558
]
}, {
name: 'Manufacturing',
data: [
24916, 37941, 29742, 29851, 32490, 30282,
38121, 36885, 33726, 34243, 31050, 33099, 33473
]
}, {
name: 'Sales & Distribution',
data: [
11744, 30000, 16005, 19771, 20185, 24377,
32147, 30912, 29243, 29213, 25663, 28978, 30618
]