HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
3
// create data
4
//[["2021-02-13 06:32:44",585.42,47509.36],["2021-02-13 07:00:25",589.96,47735.01],["2021-02-13 07:30:23",588.02,47544.91],["2021-02-13 08:00:21",580.67,47023.35],["2021-02-13 08:30:19",588.26,47358.21],["2021-02-13 09:00:24",590.29,47431.28],["2021-02-13 09:30:20",589.7,47392.67],["2021-02-13 10:00:22",589.52,47154.35],["2021-02-13 10:30:14",579.57,47072.22],["2021-02-13 11:00:17",567.06,46682.06],["2021-02-13 11:30:13",566.72,46682.18],["2021-02-13 12:00:16",561.99,46463.88],["2021-02-13 12:30:16",579.08,47156.78],["2021-02-13 13:00:18",577.92,46749.5],["2021-02-13 13:30:16",579.13,46908.27],["2021-02-13 14:00:16",583.16,46895.55],["2021-02-13 14:30:14",580.76,46829.99],["2021-02-13 15:00:20",581.52,46885.62],["2021-02-13 15:30:16",577.07,47007.93],["2021-02-13 16:00:19",576.8,47170.14],["2021-02-13 16:30:15",574.57,47064.42],["2021-02-13 17:00:29",575.23,47138.71],["2021-02-13 17:32:40",581.05,47127.73],["2021-02-13 18:00:40",570.31,46750.01],["2021-02-13 18:30:27",572.37,46984.12],["2021-02-13 19:02:32",568.07,46740.18],["2021-02-13 19:33:43",572.11,47020.54],["2021-02-13 20:01:45",570.16,46817.49],["2021-02-13 20:33:23",574.33,46763.01],["2021-02-13 21:03:06",577.73,46950],["2021-02-13 21:32:34",571.19,46723.7],["2021-02-13 22:08:29",576.82,47176.09],["2021-02-13 22:43:16",579.66,46910.93],["2021-02-13 23:07:29",582.07,47200.03],["2021-02-13 23:31:21",584.82,47213.82],["2021-02-14 00:00:19",581.81,47209.99],["2021-02-14 00:30:17",578.83,47480.79],["2021-02-14 01:00:16",580,47709.45],["2021-02-14 01:30:15",578.34,47547.78],["2021-02-14 02:00:14",578.69,47486.61]]
5
var data = [["2021-02-13 06:32:44",585.42,47509.36],["2021-02-13 07:00:25",589.96,47735.01]];
6
console.log('data', data);
7
// create a data table
8
var dataTable = anychart.data.table();
9
10
// add data
11
dataTable.addData(data);
12
13
// map the data
14
var mappingBal = dataTable.mapAs();
15
mappingBal.addField('bal', 1)
16
var mappingBTC = dataTable.mapAs();
17
mappingBTC.addField('btc', 2)
18
19
// create a stock chart
20
var chart = anychart.stock();
21
22
// create a plot and an ohlc series
23
var balanceSeries = chart.plot(0).line(mappingBal);
24
balanceSeries.name("Balance");
25
var btcSeries = chart.plot(0).line(mappingBTC);
26
btcSeries.name("BTC");
27
28
// set the chart title
29
chart.title("Balance history");
30
31
// set the container id
32
chart.container("container");
33
34
// initiate drawing the chart
35
chart.draw();
36
});