4 ani în urmă · 29b68c5de1
--- a/public/app/public/js/Highstock/examples/area/index.htm
+++ b/public/app/public/js/Highstock/examples/area/index.htm
@@ -0,0 +1,63 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            type: 'area',
			
 
				+            threshold: null,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            },
			
 
				+            fillColor: {
			
 
				+                linearGradient: {
			
 
				+                    x1: 0,
			
 
				+                    y1: 0,
			
 
				+                    x2: 0,
			
 
				+                    y2: 1
			
 
				+                },
			
 
				+                stops: [
			
 
				+                    [0, Highcharts.getOptions().colors[0]],
			
 
				+                    [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
			
 
				+                ]
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/arearange/index.htm
+++ b/public/app/public/js/Highstock/examples/arearange/index.htm
@@ -0,0 +1,56 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/highcharts-more.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+// Notice that the dataset has missing data
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/range.json', function (data) {
			
 
				+
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        chart: {
			
 
				+            type: 'arearange'
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 2
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'Temperature variation by day'
			
 
				+        },
			
 
				+
			
 
				+        tooltip: {
			
 
				+            valueSuffix: '°C'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'Temperatures',
			
 
				+            data: data
			
 
				+        }]
			
 
				+
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/areaspline/index.htm
+++ b/public/app/public/js/Highstock/examples/areaspline/index.htm
@@ -0,0 +1,64 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            type: 'areaspline',
			
 
				+            threshold: null,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            },
			
 
				+            fillColor: {
			
 
				+                linearGradient: {
			
 
				+                    x1: 0,
			
 
				+                    y1: 0,
			
 
				+                    x2: 0,
			
 
				+                    y2: 1
			
 
				+                },
			
 
				+                stops: [
			
 
				+                    [0, Highcharts.getOptions().colors[0]],
			
 
				+                    [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
			
 
				+                ]
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/areasplinerange/index.htm
+++ b/public/app/public/js/Highstock/examples/areasplinerange/index.htm
@@ -0,0 +1,56 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/highcharts-more.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+// Notice that the dataset has missing data
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/range.json', function (data) {
			
 
				+
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        chart: {
			
 
				+            type: 'areasplinerange'
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 2
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'Temperature variation by day'
			
 
				+        },
			
 
				+
			
 
				+        tooltip: {
			
 
				+            valueSuffix: '°C'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'Temperatures',
			
 
				+            data: data
			
 
				+        }]
			
 
				+
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/basic-line/index.htm
+++ b/public/app/public/js/Highstock/examples/basic-line/index.htm
@@ -0,0 +1,48 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL',
			
 
				+            data: data,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/candlestick-and-volume/index.htm
+++ b/public/app/public/js/Highstock/examples/candlestick-and-volume/index.htm
@@ -0,0 +1,119 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/drag-panes.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-ohlcv.json', function (data) {
			
 
				+
			
 
				+    // split the data set into ohlc and volume
			
 
				+    var ohlc = [],
			
 
				+        volume = [],
			
 
				+        dataLength = data.length,
			
 
				+        // set the allowed units for data grouping
			
 
				+        groupingUnits = [[
			
 
				+            'week',                         // unit name
			
 
				+            [1]                             // allowed multiples
			
 
				+        ], [
			
 
				+            'month',
			
 
				+            [1, 2, 3, 4, 6]
			
 
				+        ]],
			
 
				+
			
 
				+        i = 0;
			
 
				+
			
 
				+    for (i; i < dataLength; i += 1) {
			
 
				+        ohlc.push([
			
 
				+            data[i][0], // the date
			
 
				+            data[i][1], // open
			
 
				+            data[i][2], // high
			
 
				+            data[i][3], // low
			
 
				+            data[i][4] // close
			
 
				+        ]);
			
 
				+
			
 
				+        volume.push([
			
 
				+            data[i][0], // the date
			
 
				+            data[i][5] // the volume
			
 
				+        ]);
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+    // create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Historical'
			
 
				+        },
			
 
				+
			
 
				+        yAxis: [{
			
 
				+            labels: {
			
 
				+                align: 'right',
			
 
				+                x: -3
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: 'OHLC'
			
 
				+            },
			
 
				+            height: '60%',
			
 
				+            lineWidth: 2,
			
 
				+            resize: {
			
 
				+                enabled: true
			
 
				+            }
			
 
				+        }, {
			
 
				+            labels: {
			
 
				+                align: 'right',
			
 
				+                x: -3
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: 'Volume'
			
 
				+            },
			
 
				+            top: '65%',
			
 
				+            height: '35%',
			
 
				+            offset: 0,
			
 
				+            lineWidth: 2
			
 
				+        }],
			
 
				+
			
 
				+        tooltip: {
			
 
				+            split: true
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            type: 'candlestick',
			
 
				+            name: 'AAPL',
			
 
				+            data: ohlc,
			
 
				+            dataGrouping: {
			
 
				+                units: groupingUnits
			
 
				+            }
			
 
				+        }, {
			
 
				+            type: 'column',
			
 
				+            name: 'Volume',
			
 
				+            data: volume,
			
 
				+            yAxis: 1,
			
 
				+            dataGrouping: {
			
 
				+                units: groupingUnits
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/candlestick/index.htm
+++ b/public/app/public/js/Highstock/examples/candlestick/index.htm
@@ -0,0 +1,57 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-ohlc.json', function (data) {
			
 
				+
			
 
				+    // create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            type: 'candlestick',
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            dataGrouping: {
			
 
				+                units: [
			
 
				+                    [
			
 
				+                        'week', // unit name
			
 
				+                        [1] // allowed multiples
			
 
				+                    ], [
			
 
				+                        'month',
			
 
				+                        [1, 2, 3, 4, 6]
			
 
				+                    ]
			
 
				+                ]
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/column/index.htm
+++ b/public/app/public/js/Highstock/examples/column/index.htm
@@ -0,0 +1,58 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-v.json', function (data) {
			
 
				+
			
 
				+    // create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+        chart: {
			
 
				+            alignTicks: false
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Volume'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            type: 'column',
			
 
				+            name: 'AAPL Stock Volume',
			
 
				+            data: data,
			
 
				+            dataGrouping: {
			
 
				+                units: [[
			
 
				+                    'week', // unit name
			
 
				+                    [1] // allowed multiples
			
 
				+                ], [
			
 
				+                    'month',
			
 
				+                    [1, 2, 3, 4, 6]
			
 
				+                ]]
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/columnrange/index.htm
+++ b/public/app/public/js/Highstock/examples/columnrange/index.htm
@@ -0,0 +1,56 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/highcharts-more.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+// Notice that the dataset has missing data
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/range.json', function (data) {
			
 
				+
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        chart: {
			
 
				+            type: 'columnrange'
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 2
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'Temperature variation by day'
			
 
				+        },
			
 
				+
			
 
				+        tooltip: {
			
 
				+            valueSuffix: '°C'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'Temperatures',
			
 
				+            data: data
			
 
				+        }]
			
 
				+
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/compare/index.htm
+++ b/public/app/public/js/Highstock/examples/compare/index.htm
@@ -0,0 +1,99 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+var seriesOptions = [],
			
 
				+    seriesCounter = 0,
			
 
				+    names = ['MSFT', 'AAPL', 'GOOG'];
			
 
				+
			
 
				+/**
			
 
				+ * Create the chart when all data is loaded
			
 
				+ * @returns {undefined}
			
 
				+ */
			
 
				+function createChart() {
			
 
				+
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 4
			
 
				+        },
			
 
				+
			
 
				+        yAxis: {
			
 
				+            labels: {
			
 
				+                formatter: function () {
			
 
				+                    return (this.value > 0 ? ' + ' : '') + this.value + '%';
			
 
				+                }
			
 
				+            },
			
 
				+            plotLines: [{
			
 
				+                value: 0,
			
 
				+                width: 2,
			
 
				+                color: 'silver'
			
 
				+            }]
			
 
				+        },
			
 
				+
			
 
				+        plotOptions: {
			
 
				+            series: {
			
 
				+                compare: 'percent',
			
 
				+                showInNavigator: true
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        tooltip: {
			
 
				+            pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>',
			
 
				+            valueDecimals: 2,
			
 
				+            split: true
			
 
				+        },
			
 
				+
			
 
				+        series: seriesOptions
			
 
				+    });
			
 
				+}
			
 
				+
			
 
				+function success(data) {
			
 
				+    var name = this.url.match(/(msft|aapl|goog)/)[0].toUpperCase();
			
 
				+    var i = names.indexOf(name);
			
 
				+    seriesOptions[i] = {
			
 
				+        name: name,
			
 
				+        data: data
			
 
				+    };
			
 
				+
			
 
				+    // As we're loading the data asynchronously, we don't know what order it
			
 
				+    // will arrive. So we keep a counter and create the chart when all the data is loaded.
			
 
				+    seriesCounter += 1;
			
 
				+
			
 
				+    if (seriesCounter === names.length) {
			
 
				+        createChart();
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+Highcharts.getJSON(
			
 
				+    'https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/msft-c.json',
			
 
				+    success
			
 
				+);
			
 
				+Highcharts.getJSON(
			
 
				+    'https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/aapl-c.json',
			
 
				+    success
			
 
				+);
			
 
				+Highcharts.getJSON(
			
 
				+    'https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/goog-c.json',
			
 
				+    success
			
 
				+);
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/data-grouping/index.htm
+++ b/public/app/public/js/Highstock/examples/data-grouping/index.htm
@@ -0,0 +1,101 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/large-dataset.json', function (data) {
			
 
				+
			
 
				+    // Create a timer
			
 
				+    var start = +new Date();
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+        chart: {
			
 
				+            events: {
			
 
				+                load: function () {
			
 
				+                    if (!window.TestController) {
			
 
				+                        this.setTitle(null, {
			
 
				+                            text: 'Built chart in ' + (new Date() - start) + 'ms'
			
 
				+                        });
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            zoomType: 'x'
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+
			
 
				+            buttons: [{
			
 
				+                type: 'day',
			
 
				+                count: 3,
			
 
				+                text: '3d'
			
 
				+            }, {
			
 
				+                type: 'week',
			
 
				+                count: 1,
			
 
				+                text: '1w'
			
 
				+            }, {
			
 
				+                type: 'month',
			
 
				+                count: 1,
			
 
				+                text: '1m'
			
 
				+            }, {
			
 
				+                type: 'month',
			
 
				+                count: 6,
			
 
				+                text: '6m'
			
 
				+            }, {
			
 
				+                type: 'year',
			
 
				+                count: 1,
			
 
				+                text: '1y'
			
 
				+            }, {
			
 
				+                type: 'all',
			
 
				+                text: 'All'
			
 
				+            }],
			
 
				+            selected: 3
			
 
				+        },
			
 
				+
			
 
				+        yAxis: {
			
 
				+            title: {
			
 
				+                text: 'Temperature (°C)'
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'Hourly temperatures in Vik i Sogn, Norway, 2009-2017'
			
 
				+        },
			
 
				+
			
 
				+        subtitle: {
			
 
				+            text: 'Built chart in ...' // dummy text to reserve space for dynamic subtitle
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'Temperature',
			
 
				+            data: data.data,
			
 
				+            pointStart: data.pointStart,
			
 
				+            pointInterval: data.pointInterval,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 1,
			
 
				+                valueSuffix: '°C'
			
 
				+            }
			
 
				+        }]
			
 
				+
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/depth-chart/index.htm
+++ b/public/app/public/js/Highstock/examples/depth-chart/index.htm
@@ -0,0 +1,263 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+#container {
			
 
				+	min-width: 310px;
			
 
				+	max-width: 1040px;
			
 
				+	height: 400px;
			
 
				+	margin: 0 auto;
			
 
				+}
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+<script src="../../code/highcharts.js"></script>
			
 
				+
			
 
				+<div id="container"></div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.chart('container', {
			
 
				+    chart: {
			
 
				+        type: 'area',
			
 
				+        zoomType: 'xy'
			
 
				+    },
			
 
				+    title: {
			
 
				+        text: 'ETH-BTC Market Depth'
			
 
				+    },
			
 
				+    xAxis: {
			
 
				+        minPadding: 0,
			
 
				+        maxPadding: 0,
			
 
				+        plotLines: [{
			
 
				+            color: '#888',
			
 
				+            value: 0.1523,
			
 
				+            width: 1,
			
 
				+            label: {
			
 
				+                text: 'Actual price',
			
 
				+                rotation: 90
			
 
				+            }
			
 
				+        }],
			
 
				+        title: {
			
 
				+            text: 'Price'
			
 
				+        }
			
 
				+    },
			
 
				+    yAxis: [{
			
 
				+        lineWidth: 1,
			
 
				+        gridLineWidth: 1,
			
 
				+        title: null,
			
 
				+        tickWidth: 1,
			
 
				+        tickLength: 5,
			
 
				+        tickPosition: 'inside',
			
 
				+        labels: {
			
 
				+            align: 'left',
			
 
				+            x: 8
			
 
				+        }
			
 
				+    }, {
			
 
				+        opposite: true,
			
 
				+        linkedTo: 0,
			
 
				+        lineWidth: 1,
			
 
				+        gridLineWidth: 0,
			
 
				+        title: null,
			
 
				+        tickWidth: 1,
			
 
				+        tickLength: 5,
			
 
				+        tickPosition: 'inside',
			
 
				+        labels: {
			
 
				+            align: 'right',
			
 
				+            x: -8
			
 
				+        }
			
 
				+    }],
			
 
				+    legend: {
			
 
				+        enabled: false
			
 
				+    },
			
 
				+    plotOptions: {
			
 
				+        area: {
			
 
				+            fillOpacity: 0.2,
			
 
				+            lineWidth: 1,
			
 
				+            step: 'center'
			
 
				+        }
			
 
				+    },
			
 
				+    tooltip: {
			
 
				+        headerFormat: '<span style="font-size=10px;">Price: {point.key}</span><br/>',
			
 
				+        valueDecimals: 2
			
 
				+    },
			
 
				+    series: [{
			
 
				+        name: 'Bids',
			
 
				+        data: [
			
 
				+            [
			
 
				+                0.1524,
			
 
				+                0.948665
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1539,
			
 
				+                35.510715
			
 
				+            ],
			
 
				+            [
			
 
				+                0.154,
			
 
				+                39.883437
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1541,
			
 
				+                40.499661
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1545,
			
 
				+                43.262994000000006
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1547,
			
 
				+                60.14799400000001
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1553,
			
 
				+                60.30799400000001
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1558,
			
 
				+                60.55018100000001
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1564,
			
 
				+                68.381696
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1567,
			
 
				+                69.46518400000001
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1569,
			
 
				+                69.621464
			
 
				+            ],
			
 
				+            [
			
 
				+                0.157,
			
 
				+                70.398015
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1574,
			
 
				+                70.400197
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1575,
			
 
				+                73.199217
			
 
				+            ],
			
 
				+            [
			
 
				+                0.158,
			
 
				+                77.700017
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1583,
			
 
				+                79.449017
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1588,
			
 
				+                79.584064
			
 
				+            ],
			
 
				+            [
			
 
				+                0.159,
			
 
				+                80.584064
			
 
				+            ],
			
 
				+            [
			
 
				+                0.16,
			
 
				+                81.58156
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1608,
			
 
				+                83.38156
			
 
				+            ]
			
 
				+        ],
			
 
				+        color: '#03a7a8'
			
 
				+    }, {
			
 
				+        name: 'Asks',
			
 
				+        data: [
			
 
				+            [
			
 
				+                0.1435,
			
 
				+                242.521842
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1436,
			
 
				+                206.49862099999999
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1437,
			
 
				+                205.823735
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1438,
			
 
				+                197.33275
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1439,
			
 
				+                153.677454
			
 
				+            ],
			
 
				+            [
			
 
				+                0.144,
			
 
				+                146.007722
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1442,
			
 
				+                82.55212900000001
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1443,
			
 
				+                59.152814000000006
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1444,
			
 
				+                57.942260000000005
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1445,
			
 
				+                57.483850000000004
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1446,
			
 
				+                52.39210800000001
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1447,
			
 
				+                51.867208000000005
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1448,
			
 
				+                44.104697
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1449,
			
 
				+                40.131217
			
 
				+            ],
			
 
				+            [
			
 
				+                0.145,
			
 
				+                31.878217
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1451,
			
 
				+                22.794916999999998
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1453,
			
 
				+                12.345828999999998
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1454,
			
 
				+                10.035642
			
 
				+            ],
			
 
				+            [
			
 
				+                0.148,
			
 
				+                9.326642
			
 
				+            ],
			
 
				+            [
			
 
				+                0.1522,
			
 
				+                3.76317
			
 
				+            ]
			
 
				+        ],
			
 
				+        color: '#fc5857'
			
 
				+    }]
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/dynamic-update/index.htm
+++ b/public/app/public/js/Highstock/examples/dynamic-update/index.htm
@@ -0,0 +1,88 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+// Create the chart
			
 
				+Highcharts.stockChart('container', {
			
 
				+    chart: {
			
 
				+        events: {
			
 
				+            load: function () {
			
 
				+
			
 
				+                // set up the updating of the chart each second
			
 
				+                var series = this.series[0];
			
 
				+                setInterval(function () {
			
 
				+                    var x = (new Date()).getTime(), // current time
			
 
				+                        y = Math.round(Math.random() * 100);
			
 
				+                    series.addPoint([x, y], true, true);
			
 
				+                }, 1000);
			
 
				+            }
			
 
				+        }
			
 
				+    },
			
 
				+
			
 
				+    time: {
			
 
				+        useUTC: false
			
 
				+    },
			
 
				+
			
 
				+    rangeSelector: {
			
 
				+        buttons: [{
			
 
				+            count: 1,
			
 
				+            type: 'minute',
			
 
				+            text: '1M'
			
 
				+        }, {
			
 
				+            count: 5,
			
 
				+            type: 'minute',
			
 
				+            text: '5M'
			
 
				+        }, {
			
 
				+            type: 'all',
			
 
				+            text: 'All'
			
 
				+        }],
			
 
				+        inputEnabled: false,
			
 
				+        selected: 0
			
 
				+    },
			
 
				+
			
 
				+    title: {
			
 
				+        text: 'Live random data'
			
 
				+    },
			
 
				+
			
 
				+    exporting: {
			
 
				+        enabled: false
			
 
				+    },
			
 
				+
			
 
				+    series: [{
			
 
				+        name: 'Random data',
			
 
				+        data: (function () {
			
 
				+            // generate an array of random data
			
 
				+            var data = [],
			
 
				+                time = (new Date()).getTime(),
			
 
				+                i;
			
 
				+
			
 
				+            for (i = -999; i <= 0; i += 1) {
			
 
				+                data.push([
			
 
				+                    time + i * 1000,
			
 
				+                    Math.round(Math.random() * 100)
			
 
				+                ]);
			
 
				+            }
			
 
				+            return data;
			
 
				+        }())
			
 
				+    }]
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/flags-general/index.htm
+++ b/public/app/public/js/Highstock/examples/flags-general/index.htm
@@ -0,0 +1,81 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/usdeur.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 0
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'USD to EUR exchange rate'
			
 
				+        },
			
 
				+
			
 
				+        tooltip: {
			
 
				+            style: {
			
 
				+                width: '200px'
			
 
				+            },
			
 
				+            valueDecimals: 4,
			
 
				+            shared: true
			
 
				+        },
			
 
				+
			
 
				+        yAxis: {
			
 
				+            title: {
			
 
				+                text: 'Exchange rate'
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'USD to EUR',
			
 
				+            data: data,
			
 
				+            id: 'dataseries'
			
 
				+
			
 
				+        // the event marker flags
			
 
				+        }, {
			
 
				+            type: 'flags',
			
 
				+            data: [{
			
 
				+                x: Date.UTC(2017, 11, 1),
			
 
				+                title: 'A',
			
 
				+                text: 'Some event with a description'
			
 
				+            }, {
			
 
				+                x: Date.UTC(2017, 11, 12),
			
 
				+                title: 'B',
			
 
				+                text: 'Some event with a description'
			
 
				+            }, {
			
 
				+                x: Date.UTC(2017, 11, 22),
			
 
				+                title: 'C',
			
 
				+                text: 'Some event with a description'
			
 
				+            }],
			
 
				+            onSeries: 'dataseries',
			
 
				+            shape: 'circlepin',
			
 
				+            width: 16
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/flags-placement/index.htm
+++ b/public/app/public/js/Highstock/examples/flags-placement/index.htm
@@ -0,0 +1,96 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/usdeur.json', function (data) {
			
 
				+
			
 
				+    var lastDate = data[data.length - 1][0],  // Get year of last data point
			
 
				+        days = 24 * 36e5; // Milliseconds in a day
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'USD to EUR exchange rate'
			
 
				+        },
			
 
				+
			
 
				+        yAxis: [{
			
 
				+            title: {
			
 
				+                text: 'Exchange rate'
			
 
				+            },
			
 
				+            top: '15%',
			
 
				+            height: '85%'
			
 
				+        }, {
			
 
				+            height: '15%'
			
 
				+        }],
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'USD to EUR',
			
 
				+            data: data,
			
 
				+            id: 'dataseries',
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 4
			
 
				+            }
			
 
				+        }, {
			
 
				+            type: 'flags',
			
 
				+            name: 'Flags on series',
			
 
				+            data: [{
			
 
				+                x: lastDate - 60 * days,
			
 
				+                title: 'On series'
			
 
				+            }, {
			
 
				+                x: lastDate - 30 * days,
			
 
				+                title: 'On series'
			
 
				+            }],
			
 
				+            onSeries: 'dataseries',
			
 
				+            shape: 'squarepin'
			
 
				+        }, {
			
 
				+            type: 'flags',
			
 
				+            name: 'Flags on axis',
			
 
				+            data: [{
			
 
				+                x: lastDate - 45 * days,
			
 
				+                title: 'On axis'
			
 
				+            }, {
			
 
				+                x: lastDate - 15 * days,
			
 
				+                title: 'On axis'
			
 
				+            }],
			
 
				+            shape: 'squarepin'
			
 
				+        }, {
			
 
				+            type: 'flags',
			
 
				+            name: 'Flags in pane',
			
 
				+            data: [{
			
 
				+                x: lastDate - 40 * days,
			
 
				+                title: 'In pane'
			
 
				+            }, {
			
 
				+                x: lastDate - 15 * days,
			
 
				+                title: 'In pane'
			
 
				+            }],
			
 
				+            yAxis: 1,
			
 
				+            shape: 'squarepin'
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/flags-shapes/index.htm
+++ b/public/app/public/js/Highstock/examples/flags-shapes/index.htm
@@ -0,0 +1,107 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/usdeur.json', function (data) {
			
 
				+
			
 
				+    var year = new Date(data[data.length - 1][0]).getFullYear(); // Get year of last data point
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 4
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'USD to EUR exchange rate'
			
 
				+        },
			
 
				+
			
 
				+        yAxis: {
			
 
				+            title: {
			
 
				+                text: 'Exchange rate'
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'USD to EUR',
			
 
				+            data: data,
			
 
				+            id: 'dataseries',
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 4
			
 
				+            }
			
 
				+        }, {
			
 
				+            type: 'flags',
			
 
				+            data: [{
			
 
				+                x: Date.UTC(year, 1, 22),
			
 
				+                title: 'A',
			
 
				+                text: 'Shape: "squarepin"'
			
 
				+            }, {
			
 
				+                x: Date.UTC(year, 3, 28),
			
 
				+                title: 'A',
			
 
				+                text: 'Shape: "squarepin"'
			
 
				+            }],
			
 
				+            onSeries: 'dataseries',
			
 
				+            shape: 'squarepin',
			
 
				+            width: 16
			
 
				+        }, {
			
 
				+            type: 'flags',
			
 
				+            data: [{
			
 
				+                x: Date.UTC(year, 2, 1),
			
 
				+                title: 'B',
			
 
				+                text: 'Shape: "circlepin"'
			
 
				+            }, {
			
 
				+                x: Date.UTC(year, 3, 1),
			
 
				+                title: 'B',
			
 
				+                text: 'Shape: "circlepin"'
			
 
				+            }],
			
 
				+            shape: 'circlepin',
			
 
				+            width: 16
			
 
				+        }, {
			
 
				+            type: 'flags',
			
 
				+            data: [{
			
 
				+                x: Date.UTC(year, 2, 10),
			
 
				+                title: 'C',
			
 
				+                text: 'Shape: "flag"'
			
 
				+            }, {
			
 
				+                x: Date.UTC(year, 3, 11),
			
 
				+                title: 'C',
			
 
				+                text: 'Shape: "flag"'
			
 
				+            }],
			
 
				+            color: Highcharts.getOptions().colors[0], // same as onSeries
			
 
				+            fillColor: Highcharts.getOptions().colors[0],
			
 
				+            onSeries: 'dataseries',
			
 
				+            width: 16,
			
 
				+            style: { // text style
			
 
				+                color: 'white'
			
 
				+            },
			
 
				+            states: {
			
 
				+                hover: {
			
 
				+                    fillColor: '#395C84' // darker
			
 
				+                }
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/intraday-area/index.htm
+++ b/public/app/public/js/Highstock/examples/intraday-area/index.htm
@@ -0,0 +1,86 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/new-intraday.json', function (data) {
			
 
				+
			
 
				+    // create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL stock price by minute'
			
 
				+        },
			
 
				+
			
 
				+        subtitle: {
			
 
				+            text: 'Using ordinal X axis'
			
 
				+        },
			
 
				+
			
 
				+        xAxis: {
			
 
				+            gapGridLineWidth: 0
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            buttons: [{
			
 
				+                type: 'hour',
			
 
				+                count: 1,
			
 
				+                text: '1h'
			
 
				+            }, {
			
 
				+                type: 'day',
			
 
				+                count: 1,
			
 
				+                text: '1D'
			
 
				+            }, {
			
 
				+                type: 'all',
			
 
				+                count: 1,
			
 
				+                text: 'All'
			
 
				+            }],
			
 
				+            selected: 1,
			
 
				+            inputEnabled: false
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL',
			
 
				+            type: 'area',
			
 
				+            data: data,
			
 
				+            gapSize: 5,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            },
			
 
				+            fillColor: {
			
 
				+                linearGradient: {
			
 
				+                    x1: 0,
			
 
				+                    y1: 0,
			
 
				+                    x2: 0,
			
 
				+                    y2: 1
			
 
				+                },
			
 
				+                stops: [
			
 
				+                    [0, Highcharts.getOptions().colors[0]],
			
 
				+                    [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
			
 
				+                ]
			
 
				+            },
			
 
				+            threshold: null
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/intraday-breaks/index.htm
+++ b/public/app/public/js/Highstock/examples/intraday-breaks/index.htm
@@ -0,0 +1,94 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/new-intraday.json', function (data) {
			
 
				+
			
 
				+    // create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL stock price by minute'
			
 
				+        },
			
 
				+
			
 
				+        subtitle: {
			
 
				+            text: 'Using explicit breaks for nights and weekends'
			
 
				+        },
			
 
				+
			
 
				+        xAxis: {
			
 
				+            breaks: [{ // Nights
			
 
				+                from: Date.UTC(2011, 9, 6, 16),
			
 
				+                to: Date.UTC(2011, 9, 7, 8),
			
 
				+                repeat: 24 * 36e5
			
 
				+            }, { // Weekends
			
 
				+                from: Date.UTC(2011, 9, 7, 16),
			
 
				+                to: Date.UTC(2011, 9, 10, 8),
			
 
				+                repeat: 7 * 24 * 36e5
			
 
				+            }]
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            buttons: [{
			
 
				+                type: 'hour',
			
 
				+                count: 1,
			
 
				+                text: '1h'
			
 
				+            }, {
			
 
				+                type: 'day',
			
 
				+                count: 1,
			
 
				+                text: '1D'
			
 
				+            }, {
			
 
				+                type: 'all',
			
 
				+                count: 1,
			
 
				+                text: 'All'
			
 
				+            }],
			
 
				+            selected: 1,
			
 
				+            inputEnabled: false
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL',
			
 
				+            type: 'area',
			
 
				+            data: data,
			
 
				+            gapSize: 5,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            },
			
 
				+            fillColor: {
			
 
				+                linearGradient: {
			
 
				+                    x1: 0,
			
 
				+                    y1: 0,
			
 
				+                    x2: 0,
			
 
				+                    y2: 1
			
 
				+                },
			
 
				+                stops: [
			
 
				+                    [0, Highcharts.getOptions().colors[0]],
			
 
				+                    [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
			
 
				+                ]
			
 
				+            },
			
 
				+            threshold: null
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/intraday-candlestick/index.htm
+++ b/public/app/public/js/Highstock/examples/intraday-candlestick/index.htm
@@ -0,0 +1,63 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/new-intraday.json', function (data) {
			
 
				+
			
 
				+    // create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL stock price by minute'
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            buttons: [{
			
 
				+                type: 'hour',
			
 
				+                count: 1,
			
 
				+                text: '1h'
			
 
				+            }, {
			
 
				+                type: 'day',
			
 
				+                count: 1,
			
 
				+                text: '1D'
			
 
				+            }, {
			
 
				+                type: 'all',
			
 
				+                count: 1,
			
 
				+                text: 'All'
			
 
				+            }],
			
 
				+            selected: 1,
			
 
				+            inputEnabled: false
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL',
			
 
				+            type: 'candlestick',
			
 
				+            data: data,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/lazy-loading/index.htm
+++ b/public/app/public/js/Highstock/examples/lazy-loading/index.htm
@@ -0,0 +1,119 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+/**
			
 
				+ * Load new data depending on the selected min and max
			
 
				+ */
			
 
				+function afterSetExtremes(e) {
			
 
				+
			
 
				+    var chart = Highcharts.charts[0];
			
 
				+
			
 
				+    chart.showLoading('Loading data from server...');
			
 
				+    $.getJSON('https://www.highcharts.com/samples/data/from-sql.php?start=' + Math.round(e.min) +
			
 
				+            '&end=' + Math.round(e.max) + '&callback=?', function (data) {
			
 
				+
			
 
				+        chart.series[0].setData(data);
			
 
				+        chart.hideLoading();
			
 
				+    });
			
 
				+}
			
 
				+
			
 
				+// See source code from the JSONP handler at https://github.com/highcharts/highcharts/blob/v7.0.0/samples/data/from-sql.php
			
 
				+$.getJSON('https://www.highcharts.com/samples/data/from-sql.php?callback=?', function (data) {
			
 
				+
			
 
				+    // Add a null value for the end date
			
 
				+    data = [].concat(data, [[Date.UTC(2011, 9, 14, 19, 59), null, null, null, null]]);
			
 
				+
			
 
				+    // create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+        chart: {
			
 
				+            type: 'candlestick',
			
 
				+            zoomType: 'x'
			
 
				+        },
			
 
				+
			
 
				+        navigator: {
			
 
				+            adaptToUpdatedData: false,
			
 
				+            series: {
			
 
				+                data: data
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        scrollbar: {
			
 
				+            liveRedraw: false
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL history by the minute from 1998 to 2011'
			
 
				+        },
			
 
				+
			
 
				+        subtitle: {
			
 
				+            text: 'Displaying 1.7 million data points in Highcharts Stock by async server loading'
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            buttons: [{
			
 
				+                type: 'hour',
			
 
				+                count: 1,
			
 
				+                text: '1h'
			
 
				+            }, {
			
 
				+                type: 'day',
			
 
				+                count: 1,
			
 
				+                text: '1d'
			
 
				+            }, {
			
 
				+                type: 'month',
			
 
				+                count: 1,
			
 
				+                text: '1m'
			
 
				+            }, {
			
 
				+                type: 'year',
			
 
				+                count: 1,
			
 
				+                text: '1y'
			
 
				+            }, {
			
 
				+                type: 'all',
			
 
				+                text: 'All'
			
 
				+            }],
			
 
				+            inputEnabled: false, // it supports only days
			
 
				+            selected: 4 // all
			
 
				+        },
			
 
				+
			
 
				+        xAxis: {
			
 
				+            events: {
			
 
				+                afterSetExtremes: afterSetExtremes
			
 
				+            },
			
 
				+            minRange: 3600 * 1000 // one hour
			
 
				+        },
			
 
				+
			
 
				+        yAxis: {
			
 
				+            floor: 0
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            data: data,
			
 
				+            dataGrouping: {
			
 
				+                enabled: false
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/line-markers/index.htm
+++ b/public/app/public/js/Highstock/examples/line-markers/index.htm
@@ -0,0 +1,55 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            marker: {
			
 
				+                enabled: true,
			
 
				+                radius: 3
			
 
				+            },
			
 
				+            shadow: true,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/macd-pivot-points/index.htm
+++ b/public/app/public/js/Highstock/examples/macd-pivot-points/index.htm
@@ -0,0 +1,98 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/drag-panes.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/indicators/indicators.js"></script>
			
 
				+<script src="../../code/indicators/pivot-points.js"></script>
			
 
				+<script src="../../code/indicators/ema.js"></script>
			
 
				+<script src="../../code/indicators/macd.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 600px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-ohlc.json', function (data) {
			
 
				+
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 2
			
 
				+        },
			
 
				+
			
 
				+        yAxis: [{
			
 
				+            height: '75%',
			
 
				+            resize: {
			
 
				+                enabled: true
			
 
				+            },
			
 
				+            labels: {
			
 
				+                align: 'right',
			
 
				+                x: -3
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: 'AAPL'
			
 
				+            }
			
 
				+        }, {
			
 
				+            top: '75%',
			
 
				+            height: '25%',
			
 
				+            labels: {
			
 
				+                align: 'right',
			
 
				+                x: -3
			
 
				+            },
			
 
				+            offset: 0,
			
 
				+            title: {
			
 
				+                text: 'MACD'
			
 
				+            }
			
 
				+        }],
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        subtitle: {
			
 
				+            text: 'With MACD and Pivot Points technical indicators'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            type: 'ohlc',
			
 
				+            id: 'aapl',
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            zIndex: 1
			
 
				+        }, {
			
 
				+            type: 'pivotpoints',
			
 
				+            linkedTo: 'aapl',
			
 
				+            zIndex: 0,
			
 
				+            lineWidth: 1,
			
 
				+            dataLabels: {
			
 
				+                overflow: 'none',
			
 
				+                crop: false,
			
 
				+                y: 4,
			
 
				+                style: {
			
 
				+                    fontSize: 9
			
 
				+                }
			
 
				+            }
			
 
				+        }, {
			
 
				+            type: 'macd',
			
 
				+            yAxis: 1,
			
 
				+            linkedTo: 'aapl'
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/markers-only/index.htm
+++ b/public/app/public/js/Highstock/examples/markers-only/index.htm
@@ -0,0 +1,60 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 2
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            lineWidth: 0,
			
 
				+            marker: {
			
 
				+                enabled: true,
			
 
				+                radius: 2
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            },
			
 
				+            states: {
			
 
				+                hover: {
			
 
				+                    lineWidthPlus: 0
			
 
				+                }
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/navigator-disabled/index.htm
+++ b/public/app/public/js/Highstock/examples/navigator-disabled/index.htm
@@ -0,0 +1,54 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        navigator: {
			
 
				+            enabled: false
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/ohlc/index.htm
+++ b/public/app/public/js/Highstock/examples/ohlc/index.htm
@@ -0,0 +1,56 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-ohlc.json', function (data) {
			
 
				+
			
 
				+    // create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 2
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            type: 'ohlc',
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            dataGrouping: {
			
 
				+                units: [[
			
 
				+                    'week', // unit name
			
 
				+                    [1] // allowed multiples
			
 
				+                ], [
			
 
				+                    'month',
			
 
				+                    [1, 2, 3, 4, 6]
			
 
				+                ]]
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/responsive/index.htm
+++ b/public/app/public/js/Highstock/examples/responsive/index.htm
@@ -0,0 +1,95 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+#container {
			
 
				+	min-width: 310px;
			
 
				+	max-width: 800px;
			
 
				+}
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+
			
 
				+<div id="container"></div>
			
 
				+
			
 
				+<button id="large">Large</button>
			
 
				+<button id="small">Small</button>
			
 
				+<button id="auto">Auto</button>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    var chart = Highcharts.stockChart('container', {
			
 
				+
			
 
				+        chart: {
			
 
				+            height: 400
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'Highstock Responsive Chart'
			
 
				+        },
			
 
				+
			
 
				+        subtitle: {
			
 
				+            text: 'Click small/large buttons or change window size to test responsiveness'
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            type: 'area',
			
 
				+            threshold: null,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }],
			
 
				+
			
 
				+        responsive: {
			
 
				+            rules: [{
			
 
				+                condition: {
			
 
				+                    maxWidth: 500
			
 
				+                },
			
 
				+                chartOptions: {
			
 
				+                    chart: {
			
 
				+                        height: 300
			
 
				+                    },
			
 
				+                    subtitle: {
			
 
				+                        text: null
			
 
				+                    },
			
 
				+                    navigator: {
			
 
				+                        enabled: false
			
 
				+                    }
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+    });
			
 
				+
			
 
				+
			
 
				+    $('#small').click(function () {
			
 
				+        chart.setSize(400);
			
 
				+    });
			
 
				+
			
 
				+    $('#large').click(function () {
			
 
				+        chart.setSize(800);
			
 
				+    });
			
 
				+
			
 
				+    $('#auto').click(function () {
			
 
				+        chart.setSize(null);
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/scrollbar-disabled/index.htm
+++ b/public/app/public/js/Highstock/examples/scrollbar-disabled/index.htm
@@ -0,0 +1,54 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        scrollbar: {
			
 
				+            enabled: false
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/sma-volume-by-price/index.htm
+++ b/public/app/public/js/Highstock/examples/sma-volume-by-price/index.htm
@@ -0,0 +1,151 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/drag-panes.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/indicators/indicators.js"></script>
			
 
				+<script src="../../code/indicators/volume-by-price.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 500px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-ohlcv.json', function (data) {
			
 
				+
			
 
				+    // split the data set into ohlc and volume
			
 
				+    var ohlc = [],
			
 
				+        volume = [],
			
 
				+        dataLength = data.length,
			
 
				+        // set the allowed units for data grouping
			
 
				+        groupingUnits = [[
			
 
				+            'week',                         // unit name
			
 
				+            [1]                             // allowed multiples
			
 
				+        ], [
			
 
				+            'month',
			
 
				+            [1, 2, 3, 4, 6]
			
 
				+        ]],
			
 
				+
			
 
				+        i = 0;
			
 
				+
			
 
				+    for (i; i < dataLength; i += 1) {
			
 
				+        ohlc.push([
			
 
				+            data[i][0], // the date
			
 
				+            data[i][1], // open
			
 
				+            data[i][2], // high
			
 
				+            data[i][3], // low
			
 
				+            data[i][4] // close
			
 
				+        ]);
			
 
				+
			
 
				+        volume.push([
			
 
				+            data[i][0], // the date
			
 
				+            data[i][5] // the volume
			
 
				+        ]);
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+    // create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 2
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Historical'
			
 
				+        },
			
 
				+
			
 
				+        subtitle: {
			
 
				+            text: 'With SMA and Volume by Price technical indicators'
			
 
				+        },
			
 
				+
			
 
				+        yAxis: [{
			
 
				+            startOnTick: false,
			
 
				+            endOnTick: false,
			
 
				+            labels: {
			
 
				+                align: 'right',
			
 
				+                x: -3
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: 'OHLC'
			
 
				+            },
			
 
				+            height: '60%',
			
 
				+            lineWidth: 2,
			
 
				+            resize: {
			
 
				+                enabled: true
			
 
				+            }
			
 
				+        }, {
			
 
				+            labels: {
			
 
				+                align: 'right',
			
 
				+                x: -3
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: 'Volume'
			
 
				+            },
			
 
				+            top: '65%',
			
 
				+            height: '35%',
			
 
				+            offset: 0,
			
 
				+            lineWidth: 2
			
 
				+        }],
			
 
				+
			
 
				+        tooltip: {
			
 
				+            split: true
			
 
				+        },
			
 
				+
			
 
				+        plotOptions: {
			
 
				+            series: {
			
 
				+                dataGrouping: {
			
 
				+                    units: groupingUnits
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            type: 'candlestick',
			
 
				+            name: 'AAPL',
			
 
				+            id: 'aapl',
			
 
				+            zIndex: 2,
			
 
				+            data: ohlc
			
 
				+        }, {
			
 
				+            type: 'column',
			
 
				+            name: 'Volume',
			
 
				+            id: 'volume',
			
 
				+            data: volume,
			
 
				+            yAxis: 1
			
 
				+        }, {
			
 
				+            type: 'vbp',
			
 
				+            linkedTo: 'aapl',
			
 
				+            params: {
			
 
				+                volumeSeriesID: 'volume'
			
 
				+            },
			
 
				+            dataLabels: {
			
 
				+                enabled: false
			
 
				+            },
			
 
				+            zoneLines: {
			
 
				+                enabled: false
			
 
				+            }
			
 
				+        }, {
			
 
				+            type: 'sma',
			
 
				+            linkedTo: 'aapl',
			
 
				+            zIndex: 1,
			
 
				+            marker: {
			
 
				+                enabled: false
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/spline/index.htm
+++ b/public/app/public/js/Highstock/examples/spline/index.htm
@@ -0,0 +1,49 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            type: 'spline',
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/step-line/index.htm
+++ b/public/app/public/js/Highstock/examples/step-line/index.htm
@@ -0,0 +1,49 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            step: true,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/stock-tools-custom-gui/index.htm
+++ b/public/app/public/js/Highstock/examples/stock-tools-custom-gui/index.htm
@@ -0,0 +1,809 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+/* FULL SCREEN */
			
 
				+
			
 
				+.chart:-webkit-full-screen {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+}
			
 
				+
			
 
				+.chart:-moz-full-screen {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+}
			
 
				+
			
 
				+.chart:-ms-fullscreen {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+}
			
 
				+
			
 
				+.chart:fullscreen {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+}
			
 
				+
			
 
				+/* GENERAL */
			
 
				+
			
 
				+.chart {
			
 
				+    float: left;
			
 
				+    max-height: 800px;
			
 
				+    height: 75vh;
			
 
				+    position: relative;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+.highcharts-draw-mode {
			
 
				+    cursor: crosshair;
			
 
				+}
			
 
				+
			
 
				+.left {
			
 
				+    float: left;
			
 
				+}
			
 
				+
			
 
				+.right,
			
 
				+.highcharts-stocktools-toolbar li.right {
			
 
				+    float: right;
			
 
				+}
			
 
				+
			
 
				+/* GUI */
			
 
				+
			
 
				+.highcharts-stocktools-toolbar {
			
 
				+    margin: 0px 0px 0px 10px;
			
 
				+    padding: 0px;
			
 
				+    width: calc(100% - 63px);
			
 
				+}
			
 
				+
			
 
				+.highcharts-stocktools-toolbar li {
			
 
				+    background-color: #f7f7f7;
			
 
				+    background-repeat: no-repeat;
			
 
				+    cursor: pointer;
			
 
				+    float: left;
			
 
				+    height: 40px;
			
 
				+    list-style: none;
			
 
				+    margin-right: 2px;
			
 
				+    margin-bottom: 3px;
			
 
				+    padding: 0px;
			
 
				+    position: relative;
			
 
				+    width: auto;
			
 
				+}
			
 
				+
			
 
				+.highcharts-stocktools-toolbar li ul {
			
 
				+    display: none;
			
 
				+    left: 0px;
			
 
				+    padding-left: 0px;
			
 
				+    position: absolute;
			
 
				+    z-index: 125;
			
 
				+}
			
 
				+
			
 
				+.highcharts-stocktools-toolbar li:hover {
			
 
				+    background-color: #e6ebf5;
			
 
				+}
			
 
				+
			
 
				+.highcharts-stocktools-toolbar li:hover ul {
			
 
				+    display: block;
			
 
				+}
			
 
				+
			
 
				+.highcharts-stocktools-toolbar li ul li {
			
 
				+    margin-bottom: 0px;
			
 
				+    width: 160px;
			
 
				+}
			
 
				+
			
 
				+.highcharts-stocktools-toolbar li>span.highcharts-menu-item-btn {
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: 50% 50%;
			
 
				+    display: block;
			
 
				+    float: left;
			
 
				+    height: 100%;
			
 
				+    width: 40px;
			
 
				+}
			
 
				+
			
 
				+.highcharts-stocktools-toolbar li>.highcharts-menu-item-title {
			
 
				+    color: #666;
			
 
				+    line-height: 40px;
			
 
				+    font-size: 0.876em;
			
 
				+    padding: 0px 10px 0px 5px;
			
 
				+}
			
 
				+
			
 
				+.highcharts-indicators>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/indicators.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-label-annotation>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/label.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-circle-annotation>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/circle.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-rectangle-annotation>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/rectangle.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-segment>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/segment.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-arrow-segment>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/arrow-segment.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-ray>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/ray.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-arrow-ray>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/arrow-ray.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-infinity-line>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/line.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-arrow-infinity-line>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/arrow-line.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-horizontal-line>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/horizontal-line.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-vertical-line>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/vertical-line.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-elliott3>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/elliott-3.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-elliott5>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/elliott-5.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-crooked3>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/crooked-3.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-crooked5>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/crooked-5.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-measure-xy>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/measure-xy.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-measure-x>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/measure-x.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-measure-y>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/measure-y.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-fibonacci>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/fibonacci.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-pitchfork>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/pitchfork.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-parallel-channel>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/parallel-channel.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-toggle-annotations>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/annotations-visible.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-vertical-counter>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/vertical-counter.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-vertical-label>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/vertical-label.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-vertical-arrow>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/vertical-arrow.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-vertical-double-arrow>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/vertical-double-arrow.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-flag-circlepin>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/flag-elipse.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-flag-diamondpin>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/flag-diamond.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-flag-squarepin>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/flag-trapeze.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-flag-simplepin>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/flag-basic.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-zoom-xy>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/zoom-xy.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-zoom-x>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/zoom-x.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-zoom-y>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/zoom-y.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-full-screen>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/fullscreen.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-series-type-ohlc>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/series-ohlc.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-series-type-line>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/series-line.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-series-type-candlestick>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/series-candlestick.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-current-price-indicator>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/current-price-show.svg');
			
 
				+}
			
 
				+
			
 
				+.highcharts-save-chart>.highcharts-menu-item-btn {
			
 
				+    background-image: url('https://code.highcharts.com/gfx/stock-icons/save-chart.svg');
			
 
				+}
			
 
				+
			
 
				+li.highcharts-active {
			
 
				+    background-color: #e6ebf5;
			
 
				+}
			
 
				+
			
 
				+/* Popup */
			
 
				+
			
 
				+.chart-wrapper {
			
 
				+    float: left;
			
 
				+    position: relative;
			
 
				+    width: 100%;
			
 
				+    background: white;
			
 
				+    padding-top: 10px;
			
 
				+}
			
 
				+
			
 
				+/* Responsive design */
			
 
				+
			
 
				+@media screen and (max-width: 1024px) {
			
 
				+    .highcharts-stocktools-toolbar li>.highcharts-menu-item-title {
			
 
				+        display: none;
			
 
				+    }
			
 
				+    .highcharts-stocktools-toolbar li ul li {
			
 
				+        width: auto;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+<link rel="stylesheet" type="text/css" href="https://code.highcharts.com/css/annotations/popup.css">
			
 
				+
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+
			
 
				+<script src="../../code/modules/drag-panes.js"></script>
			
 
				+
			
 
				+<script src="../../code/indicators/indicators.js"></script>
			
 
				+<script src="../../code/indicators/bollinger-bands.js"></script>
			
 
				+<script src="../../code/indicators/ema.js"></script>
			
 
				+
			
 
				+<script src="../../code/modules/annotations-advanced.js"></script>
			
 
				+
			
 
				+<script src="../../code/modules/full-screen.js"></script>
			
 
				+<script src="../../code/modules/price-indicator.js"></script>
			
 
				+<script src="../../code/modules/stock-tools.js"></script>
			
 
				+
			
 
				+<div class="chart-wrapper">
			
 
				+  <div class="highcharts-popup highcharts-popup-indicators">
			
 
				+    <span class="highcharts-close-popup">&times;</span>
			
 
				+    <div class="highcharts-popup-wrapper">
			
 
				+      <label for="indicator-list">Indicator</label>
			
 
				+      <select name="indicator-list">
			
 
				+        <option value="sma">SMA</option>
			
 
				+        <option value="ema">EMA</option>
			
 
				+        <option value="bb">Bollinger bands</option>
			
 
				+      </select>
			
 
				+      <label for="stroke">Period</label>
			
 
				+      <input type="text" name="period" value="14"/>
			
 
				+    </div>
			
 
				+    <button>Add</button>
			
 
				+  </div>
			
 
				+  <div class="highcharts-popup highcharts-popup-annotations">
			
 
				+    <span class="highcharts-close-popup">&times;</span>
			
 
				+    <div class="highcharts-popup-wrapper">
			
 
				+      <label for="stroke">Color</label>
			
 
				+      <input type="text" name="stroke" />
			
 
				+      <label for="stroke-width">Width</label>
			
 
				+      <input type="text" name="stroke-width" />
			
 
				+    </div>
			
 
				+    <button>Save</button>
			
 
				+  </div>
			
 
				+  <div class="highcharts-stocktools-wrapper highcharts-bindings-container highcharts-bindings-wrapper">
			
 
				+    <div class="highcharts-menu-wrapper">
			
 
				+      <ul class="highcharts-stocktools-toolbar stocktools-toolbar">
			
 
				+        <li class="highcharts-indicators" title="Indicators">
			
 
				+        	<span class="highcharts-menu-item-btn"></span>
			
 
				+          <span class="highcharts-menu-item-title">Indicators</span>
			
 
				+        </li>
			
 
				+        <li class="highcharts-label-annotation" title="Simple shapes">
			
 
				+        	<span class="highcharts-menu-item-btn"></span>
			
 
				+          <span class="highcharts-menu-item-title">Shapes</span>
			
 
				+        	<span class="highcharts-submenu-item-arrow highcharts-arrow-right"></span>
			
 
				+          <ul class="highcharts-submenu-wrapper">
			
 
				+            <li class="highcharts-label-annotation" title="Label">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Label</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-circle-annotation" title="Circle">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Circle</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-rectangle-annotation " title="Rectangle">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Rectangle</span>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="highcharts-segment" title="Lines">
			
 
				+        	<span class="highcharts-menu-item-btn"></span>
			
 
				+          <span class="highcharts-menu-item-title">Lines</span>
			
 
				+        	<span class="highcharts-submenu-item-arrow highcharts-arrow-right"></span>
			
 
				+          <ul class="highcharts-submenu-wrapper">
			
 
				+            <li class="highcharts-segment" title="Segment">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Segment</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-arrow-segment" title="Arrow segment">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Arrow segment</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-ray" title="Ray">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Ray</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-arrow-ray" title="Arrow ray">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Arrow ray</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-infinity-line" title="Line">
			
 
				+            	<span class="highcharts-menu-item-btn" ></span>
			
 
				+              <span class="highcharts-menu-item-title">Line</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-arrow-infinity-line" title="Arrow line">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Arrow</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-horizontal-line" title="Horizontal line">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Horizontal</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-vertical-line" title="Vertical line">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Vertical</span>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="highcharts-elliott3" title="Crooked lines">
			
 
				+        	<span class="highcharts-menu-item-btn"></span>
			
 
				+          <span class="highcharts-menu-item-title">Crooked lines</span>
			
 
				+        	<span class="highcharts-submenu-item-arrow highcharts-arrow-right"></span>
			
 
				+          <ul class="highcharts-submenu-wrapper">
			
 
				+            <li class="highcharts-elliott3" title="Elliott 3 line">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Elliot 3</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-elliott5" title="Elliott 5 line">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Elliot 5</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-crooked3" title="Crooked 3 line">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Crooked 3</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-crooked5" title="Crooked 5 line">
			
 
				+            	<span class="highcharts-menu-item-btn" ></span>
			
 
				+              <span class="highcharts-menu-item-title">Crooked 5</span>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="highcharts-measure-xy" title="Measure">
			
 
				+        	<span class="highcharts-menu-item-btn"></span>
			
 
				+          <span class="highcharts-menu-item-title">Measure</span>
			
 
				+        	<span class="highcharts-submenu-item-arrow highcharts-arrow-right"></span>
			
 
				+          <ul class="highcharts-submenu-wrapper">
			
 
				+            <li class="highcharts-measure-xy" title="Measure XY">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Measure XY</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-measure-x" title="Measure X">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Measure X</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-measure-y" title="Measure Y">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Measure Y</span>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="highcharts-fibonacci" title="Advanced">
			
 
				+        	<span class="highcharts-menu-item-btn"></span>
			
 
				+          <span class="highcharts-menu-item-title">Advanced</span>
			
 
				+        	<span class="highcharts-submenu-item-arrow highcharts-arrow-right"></span>
			
 
				+          <ul class="highcharts-submenu-wrapper">
			
 
				+            <li class="highcharts-fibonacci" title="Fibonacci">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Fibonacci</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-pitchfork" title="Pitchfork">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Pitchfork</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-parallel-channel" title="Parallel channel">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Parallel channel</span>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="highcharts-vertical-counter" title="Vertical labels">
			
 
				+        	<span class="highcharts-menu-item-btn"></span>
			
 
				+          <span class="highcharts-menu-item-title">Counters</span>
			
 
				+        	<span class="highcharts-submenu-item-arrow highcharts-arrow-right"></span>
			
 
				+          <ul class="highcharts-submenu-wrapper">
			
 
				+            <li class="highcharts-vertical-counter" title="Vertical counter">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Counter</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-vertical-label" title="Vertical label">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Label</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-vertical-arrow" title="Vertical arrow">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Arrow</span>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="highcharts-flag-circlepin" title="Flags">
			
 
				+          <span class="highcharts-menu-item-btn"></span>
			
 
				+          <span class="highcharts-menu-item-title">Flags</span>
			
 
				+          <span class="highcharts-submenu-item-arrow highcharts-arrow-right"></span>
			
 
				+          <ul class="highcharts-submenu-wrapper">
			
 
				+            <li class="highcharts-flag-circlepin" title="Flag circle">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Circle</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-flag-diamondpin" title="Flag diamond">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Diamond</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-flag-squarepin" title="Flag square">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Square</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-flag-simplepin" title="Flag simple">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Simple</span>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="highcharts-series-type-ohlc" title="Type change">
			
 
				+          <span class="highcharts-menu-item-btn"></span>
			
 
				+          <span class="highcharts-menu-item-title">Series type</span>
			
 
				+          <span class="highcharts-submenu-item-arrow highcharts-arrow-right"></span>
			
 
				+          <ul class="highcharts-submenu-wrapper">
			
 
				+            <li class="highcharts-series-type-ohlc" title="OHLC">
			
 
				+              <span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">OHLC</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-series-type-line" title="Line">
			
 
				+              <span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Line</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-series-type-candlestick" title="Candlestick">
			
 
				+              <span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Candlestick</span>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="highcharts-save-chart right" title="Save chart">
			
 
				+          <span class="highcharts-menu-item-btn"></span>
			
 
				+        </li>
			
 
				+        <li class="highcharts-full-screen right" title="Fullscreen">
			
 
				+          <span class="highcharts-menu-item-btn"></span>
			
 
				+        </li>
			
 
				+        <li class="highcharts-zoom-x right" title="Zoom change">
			
 
				+        	<span class="highcharts-menu-item-btn"></span>
			
 
				+        	<span class="highcharts-submenu-item-arrow highcharts-arrow-right"></span>
			
 
				+          <ul class="highcharts-submenu-wrapper">
			
 
				+            <li class="highcharts-zoom-x" title="Zoom X">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Zoom X</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-zoom-y" title="Zoom Y">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Zoom Y</span>
			
 
				+            </li>
			
 
				+            <li class="highcharts-zoom-xy" title="Zooom XY">
			
 
				+            	<span class="highcharts-menu-item-btn"></span>
			
 
				+              <span class="highcharts-menu-item-title">Zoom XY</span>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </li>
			
 
				+        <li class="highcharts-current-price-indicator right" title="Current Price Indicators">
			
 
				+          <span class="highcharts-menu-item-btn"></span>
			
 
				+        </li>
			
 
				+        <li class="highcharts-toggle-annotations right" title="Toggle annotations">
			
 
				+          <span class="highcharts-menu-item-btn"></span>
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <div id="container" class="chart"></div>
			
 
				+</div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+function addPopupEvents(chart) {
			
 
				+    var closePopupButtons = document.getElementsByClassName('highcharts-close-popup');
			
 
				+    // Close popup button:
			
 
				+    Highcharts.addEvent(
			
 
				+        closePopupButtons[0],
			
 
				+        'click',
			
 
				+        function () {
			
 
				+            this.parentNode.style.display = 'none';
			
 
				+        }
			
 
				+    );
			
 
				+
			
 
				+    Highcharts.addEvent(
			
 
				+        closePopupButtons[1],
			
 
				+        'click',
			
 
				+        function () {
			
 
				+            this.parentNode.style.display = 'none';
			
 
				+        }
			
 
				+    );
			
 
				+
			
 
				+    // Add an indicator from popup
			
 
				+    Highcharts.addEvent(
			
 
				+        document.querySelectorAll('.highcharts-popup-indicators button')[0],
			
 
				+        'click',
			
 
				+        function () {
			
 
				+            var typeSelect = document.querySelectorAll(
			
 
				+                    '.highcharts-popup-indicators select'
			
 
				+                )[0],
			
 
				+                type = typeSelect.options[typeSelect.selectedIndex].value,
			
 
				+                period = document.querySelectorAll(
			
 
				+                    '.highcharts-popup-indicators input'
			
 
				+                )[0].value || 14;
			
 
				+
			
 
				+            chart.addSeries({
			
 
				+                linkedTo: 'aapl-ohlc',
			
 
				+                type: type,
			
 
				+                params: {
			
 
				+                    period: parseInt(period, 10)
			
 
				+                }
			
 
				+            });
			
 
				+
			
 
				+            chart.stockToolbar.indicatorsPopupContainer.style.display = 'none';
			
 
				+        }
			
 
				+    );
			
 
				+
			
 
				+    // Update an annotaiton from popup
			
 
				+    Highcharts.addEvent(
			
 
				+        document.querySelectorAll('.highcharts-popup-annotations button')[0],
			
 
				+        'click',
			
 
				+        function () {
			
 
				+            var strokeWidth = parseInt(
			
 
				+                    document.querySelectorAll(
			
 
				+                        '.highcharts-popup-annotations input[name="stroke-width"]'
			
 
				+                    )[0].value,
			
 
				+                    10
			
 
				+                ),
			
 
				+                strokeColor = document.querySelectorAll(
			
 
				+                    '.highcharts-popup-annotations input[name="stroke"]'
			
 
				+                )[0].value;
			
 
				+
			
 
				+            // Stock/advanced annotations have common options under typeOptions
			
 
				+            if (chart.currentAnnotation.options.typeOptions) {
			
 
				+                chart.currentAnnotation.update({
			
 
				+                    typeOptions: {
			
 
				+                        lineColor: strokeColor,
			
 
				+                        lineWidth: strokeWidth,
			
 
				+                        line: {
			
 
				+                            strokeWidth: strokeWidth,
			
 
				+                            stroke: strokeColor
			
 
				+                        },
			
 
				+                        background: {
			
 
				+                            strokeWidth: strokeWidth,
			
 
				+                            stroke: strokeColor
			
 
				+                        },
			
 
				+                        innerBackground: {
			
 
				+                            strokeWidth: strokeWidth,
			
 
				+                            stroke: strokeColor
			
 
				+                        },
			
 
				+                        outerBackground: {
			
 
				+                            strokeWidth: strokeWidth,
			
 
				+                            stroke: strokeColor
			
 
				+                        },
			
 
				+                        connector: {
			
 
				+                            strokeWidth: strokeWidth,
			
 
				+                            stroke: strokeColor
			
 
				+                        }
			
 
				+                    }
			
 
				+                });
			
 
				+            } else {
			
 
				+                // Basic annotations:
			
 
				+                chart.currentAnnotation.update({
			
 
				+                    shapes: [{
			
 
				+                        'stroke-width': strokeWidth,
			
 
				+                        stroke: strokeColor
			
 
				+                    }],
			
 
				+                    labels: [{
			
 
				+                        borderWidth: strokeWidth,
			
 
				+                        borderColor: strokeColor
			
 
				+                    }]
			
 
				+                });
			
 
				+            }
			
 
				+            chart.stockToolbar.annotationsPopupContainer.style.display = 'none';
			
 
				+        }
			
 
				+    );
			
 
				+}
			
 
				+
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-ohlcv.json', function (data) {
			
 
				+
			
 
				+    // split the data set into ohlc and volume
			
 
				+    var ohlc = [],
			
 
				+        volume = [],
			
 
				+        dataLength = data.length,
			
 
				+        i = 0;
			
 
				+
			
 
				+    for (i; i < dataLength; i += 1) {
			
 
				+        ohlc.push([
			
 
				+            data[i][0], // the date
			
 
				+            data[i][1], // open
			
 
				+            data[i][2], // high
			
 
				+            data[i][3], // low
			
 
				+            data[i][4] // close
			
 
				+        ]);
			
 
				+
			
 
				+        volume.push([
			
 
				+            data[i][0], // the date
			
 
				+            data[i][5] // the volume
			
 
				+        ]);
			
 
				+    }
			
 
				+
			
 
				+    Highcharts.stockChart('container', {
			
 
				+        chart: {
			
 
				+            events: {
			
 
				+                load: function () {
			
 
				+                    addPopupEvents(this);
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+        yAxis: [{
			
 
				+            labels: {
			
 
				+                align: 'left'
			
 
				+            },
			
 
				+            height: '80%',
			
 
				+            resize: {
			
 
				+                enabled: true
			
 
				+            }
			
 
				+        }, {
			
 
				+            labels: {
			
 
				+                align: 'left'
			
 
				+            },
			
 
				+            top: '80%',
			
 
				+            height: '20%',
			
 
				+            offset: 0
			
 
				+        }],
			
 
				+        navigationBindings: {
			
 
				+            events: {
			
 
				+                selectButton: function (event) {
			
 
				+                    var newClassName = event.button.className + ' highcharts-active',
			
 
				+                        topButton = event.button.parentNode.parentNode;
			
 
				+
			
 
				+                    if (topButton.classList.contains('right')) {
			
 
				+                        newClassName += ' right';
			
 
				+                    }
			
 
				+
			
 
				+                    // If this is a button with sub buttons,
			
 
				+                    // change main icon to the current one:
			
 
				+                    if (!topButton.classList.contains('highcharts-menu-wrapper')) {
			
 
				+                        topButton.className = newClassName;
			
 
				+                    }
			
 
				+
			
 
				+                    // Store info about active button:
			
 
				+                    this.chart.activeButton = event.button;
			
 
				+                },
			
 
				+                deselectButton: function (event) {
			
 
				+                    event.button.parentNode.parentNode.classList.remove('highcharts-active');
			
 
				+
			
 
				+                    // Remove info about active button:
			
 
				+                    this.chart.activeButton = null;
			
 
				+                },
			
 
				+                showPopup: function (event) {
			
 
				+
			
 
				+                    if (!this.indicatorsPopupContainer) {
			
 
				+                        this.indicatorsPopupContainer = document
			
 
				+                            .getElementsByClassName('highcharts-popup-indicators')[0];
			
 
				+                    }
			
 
				+
			
 
				+                    if (!this.annotationsPopupContainer) {
			
 
				+                        this.annotationsPopupContainer = document
			
 
				+                            .getElementsByClassName('highcharts-popup-annotations')[0];
			
 
				+                    }
			
 
				+
			
 
				+                    if (event.formType === 'indicators') {
			
 
				+                        this.indicatorsPopupContainer.style.display = 'block';
			
 
				+                    } else if (event.formType === 'annotation-toolbar') {
			
 
				+                        // If user is still adding an annotation, don't show popup:
			
 
				+                        if (!this.chart.activeButton) {
			
 
				+                            this.chart.currentAnnotation = event.annotation;
			
 
				+                            this.annotationsPopupContainer.style.display = 'block';
			
 
				+                        }
			
 
				+                    }
			
 
				+
			
 
				+                },
			
 
				+                closePopup: function () {
			
 
				+                    this.indicatorsPopupContainer.style.display = 'none';
			
 
				+                    this.annotationsPopupContainer.style.display = 'none';
			
 
				+                }
			
 
				+            }
			
 
				+        },
			
 
				+        stockTools: {
			
 
				+            gui: {
			
 
				+                enabled: false
			
 
				+            }
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'ohlc',
			
 
				+            id: 'aapl-ohlc',
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: ohlc
			
 
				+        }, {
			
 
				+            type: 'column',
			
 
				+            id: 'aapl-volume',
			
 
				+            name: 'AAPL Volume',
			
 
				+            data: volume,
			
 
				+            yAxis: 1
			
 
				+        }],
			
 
				+        responsive: {
			
 
				+            rules: [{
			
 
				+                condition: {
			
 
				+                    maxWidth: 800
			
 
				+                },
			
 
				+                chartOptions: {
			
 
				+                    rangeSelector: {
			
 
				+                        inputEnabled: false
			
 
				+                    }
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/stock-tools-gui/index.htm
+++ b/public/app/public/js/Highstock/examples/stock-tools-gui/index.htm
@@ -0,0 +1,142 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+#container {
			
 
				+	max-height: 800px;
			
 
				+	height: 75vh;
			
 
				+}
			
 
				+
			
 
				+/* Conflict with Bootstrap, not needed after v7.0.1 */
			
 
				+.highcharts-bindings-wrapper * {
			
 
				+	box-sizing: content-box;
			
 
				+}
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+<link rel="stylesheet" type="text/css" href="https://code.highcharts.com/css/stocktools/gui.css">
			
 
				+<link rel="stylesheet" type="text/css" href="https://code.highcharts.com/css/annotations/popup.css">
			
 
				+
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+
			
 
				+<script src="../../code/indicators/indicators-all.js"></script>
			
 
				+<script src="../../code/modules/drag-panes.js"></script>
			
 
				+
			
 
				+<script src="../../code/modules/annotations-advanced.js"></script>
			
 
				+<script src="../../code/modules/price-indicator.js"></script>
			
 
				+<script src="../../code/modules/full-screen.js"></script>
			
 
				+
			
 
				+<script src="../../code/modules/stock-tools.js"></script>
			
 
				+
			
 
				+<div id="container" class="chart"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-ohlcv.json', function (data) {
			
 
				+
			
 
				+    // split the data set into ohlc and volume
			
 
				+    var ohlc = [],
			
 
				+        volume = [],
			
 
				+        dataLength = data.length,
			
 
				+        i = 0;
			
 
				+
			
 
				+    for (i; i < dataLength; i += 1) {
			
 
				+        ohlc.push([
			
 
				+            data[i][0], // the date
			
 
				+            data[i][1], // open
			
 
				+            data[i][2], // high
			
 
				+            data[i][3], // low
			
 
				+            data[i][4] // close
			
 
				+        ]);
			
 
				+
			
 
				+        volume.push([
			
 
				+            data[i][0], // the date
			
 
				+            data[i][5] // the volume
			
 
				+        ]);
			
 
				+    }
			
 
				+
			
 
				+    Highcharts.stockChart('container', {
			
 
				+        yAxis: [{
			
 
				+            labels: {
			
 
				+                align: 'left'
			
 
				+            },
			
 
				+            height: '80%',
			
 
				+            resize: {
			
 
				+                enabled: true
			
 
				+            }
			
 
				+        }, {
			
 
				+            labels: {
			
 
				+                align: 'left'
			
 
				+            },
			
 
				+            top: '80%',
			
 
				+            height: '20%',
			
 
				+            offset: 0
			
 
				+        }],
			
 
				+        tooltip: {
			
 
				+            shape: 'square',
			
 
				+            headerShape: 'callout',
			
 
				+            borderWidth: 0,
			
 
				+            shadow: false,
			
 
				+            positioner: function (width, height, point) {
			
 
				+                var chart = this.chart,
			
 
				+                    position;
			
 
				+
			
 
				+                if (point.isHeader) {
			
 
				+                    position = {
			
 
				+                        x: Math.max(
			
 
				+                            // Left side limit
			
 
				+                            chart.plotLeft,
			
 
				+                            Math.min(
			
 
				+                                point.plotX + chart.plotLeft - width / 2,
			
 
				+                                // Right side limit
			
 
				+                                chart.chartWidth - width - chart.marginRight
			
 
				+                            )
			
 
				+                        ),
			
 
				+                        y: point.plotY
			
 
				+                    };
			
 
				+                } else {
			
 
				+                    position = {
			
 
				+                        x: point.series.chart.plotLeft,
			
 
				+                        y: point.series.yAxis.top - chart.plotTop
			
 
				+                    };
			
 
				+                }
			
 
				+
			
 
				+                return position;
			
 
				+            }
			
 
				+        },
			
 
				+        series: [{
			
 
				+            type: 'ohlc',
			
 
				+            id: 'aapl-ohlc',
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: ohlc
			
 
				+        }, {
			
 
				+            type: 'column',
			
 
				+            id: 'aapl-volume',
			
 
				+            name: 'AAPL Volume',
			
 
				+            data: volume,
			
 
				+            yAxis: 1
			
 
				+        }],
			
 
				+        responsive: {
			
 
				+            rules: [{
			
 
				+                condition: {
			
 
				+                    maxWidth: 800
			
 
				+                },
			
 
				+                chartOptions: {
			
 
				+                    rangeSelector: {
			
 
				+                        inputEnabled: false
			
 
				+                    }
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+    });
			
 
				+});
			
 
				+
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/styled-scrollbar/index.htm
+++ b/public/app/public/js/Highstock/examples/styled-scrollbar/index.htm
@@ -0,0 +1,61 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        scrollbar: {
			
 
				+            barBackgroundColor: 'gray',
			
 
				+            barBorderRadius: 7,
			
 
				+            barBorderWidth: 0,
			
 
				+            buttonBackgroundColor: 'gray',
			
 
				+            buttonBorderWidth: 0,
			
 
				+            buttonBorderRadius: 7,
			
 
				+            trackBackgroundColor: 'none',
			
 
				+            trackBorderWidth: 1,
			
 
				+            trackBorderRadius: 8,
			
 
				+            trackBorderColor: '#CCC'
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/yaxis-plotbands/index.htm
+++ b/public/app/public/js/Highstock/examples/yaxis-plotbands/index.htm
@@ -0,0 +1,87 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/usdeur.json', function (data) {
			
 
				+
			
 
				+    var startDate = new Date(data[data.length - 1][0]),
			
 
				+        minRate = 1,
			
 
				+        maxRate = 0,
			
 
				+        startPeriod,
			
 
				+        date,
			
 
				+        rate,
			
 
				+        index;
			
 
				+
			
 
				+    startDate.setMonth(startDate.getMonth() - 3); // a quarter of a year before last data point
			
 
				+    startPeriod = Date.UTC(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());
			
 
				+
			
 
				+    for (index = data.length - 1; index >= 0; index = index - 1) {
			
 
				+        date = data[index][0]; // data[i][0] is date
			
 
				+        rate = data[index][1]; // data[i][1] is exchange rate
			
 
				+        if (date < startPeriod) {
			
 
				+            break; // stop measuring highs and lows
			
 
				+        }
			
 
				+        if (rate > maxRate) {
			
 
				+            maxRate = rate;
			
 
				+        }
			
 
				+        if (rate < minRate) {
			
 
				+            minRate = rate;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'USD to EUR exchange rate'
			
 
				+        },
			
 
				+
			
 
				+        yAxis: {
			
 
				+            title: {
			
 
				+                text: 'Exchange rate'
			
 
				+            },
			
 
				+            plotBands: [{
			
 
				+                from: minRate,
			
 
				+                to: maxRate,
			
 
				+                color: 'rgba(68, 170, 213, 0.2)',
			
 
				+                label: {
			
 
				+                    text: 'Last quarter year\'s value range'
			
 
				+                }
			
 
				+            }]
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'USD to EUR',
			
 
				+            data: data,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 4
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/yaxis-plotlines/index.htm
+++ b/public/app/public/js/Highstock/examples/yaxis-plotlines/index.htm
@@ -0,0 +1,96 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/usdeur.json', function (data) {
			
 
				+
			
 
				+    var startDate = new Date(data[data.length - 1][0]), // Get year of last data point
			
 
				+        minRate = 1,
			
 
				+        maxRate = 0,
			
 
				+        startPeriod,
			
 
				+        date,
			
 
				+        rate,
			
 
				+        index;
			
 
				+
			
 
				+    startDate.setMonth(startDate.getMonth() - 3); // a quarter of a year before last data point
			
 
				+    startPeriod = Date.UTC(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());
			
 
				+
			
 
				+    for (index = data.length - 1; index >= 0; index = index - 1) {
			
 
				+        date = data[index][0]; // data[i][0] is date
			
 
				+        rate = data[index][1]; // data[i][1] is exchange rate
			
 
				+        if (date < startPeriod) {
			
 
				+            break; // stop measuring highs and lows
			
 
				+        }
			
 
				+        if (rate > maxRate) {
			
 
				+            maxRate = rate;
			
 
				+        }
			
 
				+        if (rate < minRate) {
			
 
				+            minRate = rate;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'USD to EUR exchange rate'
			
 
				+        },
			
 
				+
			
 
				+        yAxis: {
			
 
				+            title: {
			
 
				+                text: 'Exchange rate'
			
 
				+            },
			
 
				+            plotLines: [{
			
 
				+                value: minRate,
			
 
				+                color: 'green',
			
 
				+                dashStyle: 'shortdash',
			
 
				+                width: 2,
			
 
				+                label: {
			
 
				+                    text: 'Last quarter minimum'
			
 
				+                }
			
 
				+            }, {
			
 
				+                value: maxRate,
			
 
				+                color: 'red',
			
 
				+                dashStyle: 'shortdash',
			
 
				+                width: 2,
			
 
				+                label: {
			
 
				+                    text: 'Last quarter maximum'
			
 
				+                }
			
 
				+            }]
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'USD to EUR',
			
 
				+            data: data,
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 4
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/examples/yaxis-reversed/index.htm
+++ b/public/app/public/js/Highstock/examples/yaxis-reversed/index.htm
@@ -0,0 +1,70 @@
 
				+<!DOCTYPE HTML>
			
 
				+<html>
			
 
				+	<head>
			
 
				+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+		<meta name="viewport" content="width=device-width, initial-scale=1">
			
 
				+		<title>Highstock Example</title>
			
 
				+
			
 
				+		<style type="text/css">
			
 
				+
			
 
				+		</style>
			
 
				+	</head>
			
 
				+	<body>
			
 
				+
			
 
				+<script src="../../code/highstock.js"></script>
			
 
				+<script src="../../code/modules/data.js"></script>
			
 
				+<script src="../../code/modules/exporting.js"></script>
			
 
				+<script src="../../code/modules/export-data.js"></script>
			
 
				+
			
 
				+
			
 
				+<div id="container" style="height: 400px; min-width: 310px"></div>
			
 
				+
			
 
				+
			
 
				+		<script type="text/javascript">
			
 
				+Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
			
 
				+
			
 
				+    // Create the chart
			
 
				+    Highcharts.stockChart('container', {
			
 
				+        chart: {
			
 
				+            type: 'area'
			
 
				+        },
			
 
				+
			
 
				+        rangeSelector: {
			
 
				+            selected: 1
			
 
				+        },
			
 
				+
			
 
				+        title: {
			
 
				+            text: 'AAPL Stock Price'
			
 
				+        },
			
 
				+
			
 
				+        yAxis: {
			
 
				+            reversed: true,
			
 
				+            showFirstLabel: false,
			
 
				+            showLastLabel: true
			
 
				+        },
			
 
				+
			
 
				+        series: [{
			
 
				+            name: 'AAPL Stock Price',
			
 
				+            data: data,
			
 
				+            threshold: null,
			
 
				+            fillColor: {
			
 
				+                linearGradient: {
			
 
				+                    x1: 0,
			
 
				+                    y1: 1,
			
 
				+                    x2: 0,
			
 
				+                    y2: 0
			
 
				+                },
			
 
				+                stops: [
			
 
				+                    [0, Highcharts.getOptions().colors[0]],
			
 
				+                    [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
			
 
				+                ]
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                valueDecimals: 2
			
 
				+            }
			
 
				+        }]
			
 
				+    });
			
 
				+});
			
 
				+		</script>
			
 
				+	</body>
			
 
				+</html>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/annotations-hidden.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/annotations-hidden.svg
@@ -0,0 +1,19 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<path fill="#4B4B4D" d="M16.001,20.25c-2.344,0-4.25-1.906-4.25-4.25c0-2.343,1.906-4.25,4.25-4.25s4.25,1.907,4.25,4.25
			
 
				+			C20.251,18.344,18.345,20.25,16.001,20.25z M16.001,13.25c-1.517,0-2.75,1.233-2.75,2.75s1.233,2.75,2.75,2.75
			
 
				+			s2.75-1.233,2.75-2.75S17.518,13.25,16.001,13.25z"/>
			
 
				+	</g>
			
 
				+	<g>
			
 
				+		<path fill="#4B4B4D" d="M16.001,23.238L16.001,23.238c-2.729-0.001-5.302-1.062-7.246-2.988L4.465,16l4.29-4.25
			
 
				+			c1.945-1.926,4.519-2.987,7.246-2.987c2.729,0,5.302,1.061,7.246,2.987L27.537,16l-4.29,4.25
			
 
				+			C21.302,22.177,18.729,23.238,16.001,23.238z M6.454,16l3.357,3.186c1.661,1.646,3.859,2.553,6.189,2.553s4.528-0.907,6.19-2.553
			
 
				+			L25.548,16l-3.357-3.186c-1.661-1.646-3.859-2.553-6.189-2.553s-4.528,0.907-6.19,2.553L6.454,16z"/>
			
 
				+	</g>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/annotations-visible.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/annotations-visible.svg
@@ -0,0 +1,20 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M11.751,16c0,0.427,0.082,0.831,0.2,1.22l1.309-1.31c0.048-1.443,1.208-2.604,2.652-2.651l1.309-1.309
			
 
				+		c-0.389-0.118-0.793-0.2-1.22-0.2C13.657,11.75,11.751,13.656,11.751,16z"/>
			
 
				+	<path fill="#4B4B4D" d="M16.087,18.741l-1.308,1.308c0.389,0.119,0.794,0.201,1.222,0.201c2.344,0,4.25-1.906,4.25-4.25
			
 
				+		c0-0.428-0.083-0.832-0.2-1.223l-1.309,1.309C18.696,17.533,17.533,18.695,16.087,18.741z"/>
			
 
				+	<path fill="#4B4B4D" d="M23.247,11.75c-0.028-0.028-0.06-0.052-0.089-0.08l-1.061,1.062c0.029,0.029,0.062,0.054,0.093,0.083
			
 
				+		L25.548,16l-3.356,3.186c-1.662,1.646-3.86,2.553-6.19,2.553c-0.872,0-1.725-0.128-2.538-0.373l-1.174,1.174
			
 
				+		c1.17,0.453,2.422,0.698,3.712,0.699c2.728,0,5.301-1.062,7.246-2.988l4.29-4.25L23.247,11.75z"/>
			
 
				+	<path fill="#4B4B4D" d="M8.842,20.328l1.062-1.061c-0.03-0.029-0.062-0.053-0.092-0.082L6.454,16l3.356-3.185
			
 
				+		c1.662-1.646,3.86-2.553,6.19-2.553c0.87,0,1.724,0.127,2.536,0.372l1.174-1.174c-1.17-0.453-2.421-0.698-3.71-0.698
			
 
				+		c-2.728,0-5.301,1.061-7.246,2.987L4.465,16l4.29,4.25C8.783,20.278,8.813,20.301,8.842,20.328z"/>
			
 
				+	
			
 
				+		<rect x="3.272" y="15.25" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -6.6276 15.9997)" fill="#4B4B4D" width="25.456" height="1.501"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/arrow-bottom.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/arrow-bottom.svg
@@ -0,0 +1,9 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" transform="rotate(45,15,15)" points="12.78,25.03 11.72,23.97 19.689,16 11.72,8.03 12.78,6.97 21.811,16 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/arrow-left.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/arrow-left.svg
@@ -0,0 +1,9 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="19.22,25.03 10.189,16 19.22,6.97 20.28,8.03 12.311,16 20.28,23.97 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/arrow-line.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/arrow-line.svg
@@ -0,0 +1,11 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M26.679,8.25L28,4l-4.25,1.321l0.934,0.935l-3.502,3.502c-0.212-0.083-0.44-0.133-0.682-0.133
			
 
				+	c-1.035,0-1.875,0.84-1.875,1.875c0,0.241,0.05,0.47,0.133,0.682l-7.576,7.576c-0.212-0.083-0.44-0.133-0.682-0.133
			
 
				+	c-1.035,0-1.875,0.84-1.875,1.875c0,0.241,0.05,0.47,0.133,0.682L4.97,25.97L6.03,27.03l3.788-3.788
			
 
				+	c0.212,0.083,0.44,0.133,0.682,0.133c1.035,0,1.875-0.84,1.875-1.875c0-0.241-0.05-0.47-0.133-0.682l7.576-7.576
			
 
				+	c0.212,0.083,0.44,0.133,0.682,0.133c1.035,0,1.875-0.84,1.875-1.875c0-0.241-0.05-0.47-0.133-0.682l3.502-3.502L26.679,8.25z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/arrow-ray.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/arrow-ray.svg
@@ -0,0 +1,10 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M25.429,9.5L27,5l-4.5,1.571l0.934,0.935l-5.252,5.252c-0.212-0.083-0.44-0.133-0.682-0.133
			
 
				+	c-1.035,0-1.875,0.84-1.875,1.875c0,0.241,0.05,0.47,0.133,0.682l-7.576,7.576c-0.212-0.083-0.44-0.133-0.682-0.133
			
 
				+	c-1.035,0-1.875,0.84-1.875,1.875s0.84,1.875,1.875,1.875s1.875-0.84,1.875-1.875c0-0.241-0.05-0.47-0.133-0.682l7.576-7.576
			
 
				+	c0.212,0.083,0.44,0.133,0.682,0.133c1.035,0,1.875-0.84,1.875-1.875c0-0.241-0.05-0.47-0.133-0.682l5.252-5.252L25.429,9.5z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/arrow-right.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/arrow-right.svg
@@ -0,0 +1,9 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="12.78,25.03 11.72,23.97 19.689,16 11.72,8.03 12.78,6.97 21.811,16 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/arrow-segment.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/arrow-segment.svg
@@ -0,0 +1,12 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<circle fill="#4B4B4D" cx="24.5" cy="7.5" r="1.875"/>
			
 
				+	<path fill="#4B4B4D" d="M19.684,11.256L8.182,22.758c-0.212-0.083-0.44-0.133-0.682-0.133c-1.035,0-1.875,0.84-1.875,1.875
			
 
				+		s0.84,1.875,1.875,1.875s1.875-0.84,1.875-1.875c0-0.241-0.05-0.47-0.133-0.682l11.502-11.502l0.935,0.934L23,9l-4.25,1.321
			
 
				+		L19.684,11.256z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/arrow.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/arrow.svg
@@ -0,0 +1,13 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
			
 
				+<style type="text/css">
			
 
				+	.st0{fill:none;stroke:#666666;stroke-width:5;stroke-miterlimit:10;}
			
 
				+</style>
			
 
				+<g>
			
 
				+	<polyline class="st0" points="49,26 49,11 34,11 	"/>
			
 
				+	<line class="st0" x1="20" y1="40.7" x2="49" y2="11"/>
			
 
				+	<circle class="st0" cx="17" cy="44" r="5"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/circle.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/circle.svg
@@ -0,0 +1,13 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M26.249,15.999c0.001-2.737-1.065-5.312-3.002-7.248C21.312,6.815,18.737,5.749,16,5.75
			
 
				+	c-2.738,0-5.312,1.065-7.248,3.002C6.816,10.688,5.75,13.262,5.75,16c0,2.736,1.065,5.312,3.002,7.248
			
 
				+	c1.937,1.935,4.511,3.001,7.249,3.001c1.993,0,3.898-0.572,5.536-1.628c0.864,0.73,2.154,0.697,2.968-0.116
			
 
				+	c0.815-0.815,0.849-2.104,0.117-2.97C25.678,19.897,26.25,17.993,26.249,15.999z M9.813,22.186C8.16,20.533,7.25,18.336,7.25,16
			
 
				+	c-0.001-2.337,0.909-4.534,2.562-6.188c1.652-1.652,3.851-2.563,6.188-2.563c2.336,0,4.533,0.91,6.186,2.563
			
 
				+	c1.653,1.653,2.563,3.85,2.564,6.187c-0.001,1.727-0.501,3.376-1.427,4.787c-0.682-0.115-1.406,0.084-1.931,0.609
			
 
				+	s-0.726,1.249-0.608,1.929c-1.41,0.926-3.059,1.426-4.784,1.426C13.663,24.749,11.466,23.839,9.813,22.186z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/close.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/close.svg
@@ -0,0 +1,8 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<polygon fill="#4B4B4D" points="24.308,8.756 23.248,7.695 16.002,14.941 8.757,7.695 7.695,8.754 14.941,16.001 7.696,23.246 
			
 
				+	8.755,24.308 16.002,17.061 23.247,24.307 24.308,23.248 17.062,16.001 "/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/crooked-3.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/crooked-3.svg
@@ -0,0 +1,13 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<path fill="#4B4B4D" d="M5.048,22.258c-0.234,0-0.464-0.109-0.61-0.312c-0.241-0.338-0.164-0.806,0.173-1.047l14.468-10.37
			
 
				+			l7.497,7.447c0.294,0.292,0.296,0.767,0.004,1.061c-0.292,0.296-0.767,0.294-1.061,0.004l-6.597-6.553l-13.438,9.63
			
 
				+			C5.352,22.213,5.199,22.258,5.048,22.258z"/>
			
 
				+	</g>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/crooked-5.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/crooked-5.svg
@@ -0,0 +1,11 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M27.53,14.03c0.293-0.293,0.293-0.768,0-1.061l-5.064-5.064l-7.5,8.5L10.461,11.9l-7.027,8.109
			
 
				+		c-0.271,0.313-0.238,0.786,0.075,1.058C3.65,21.189,3.825,21.25,4,21.25c0.21,0,0.419-0.088,0.566-0.259l5.973-6.891l4.495,4.495
			
 
				+		l7.5-8.5l3.936,3.936C26.763,14.323,27.237,14.323,27.53,14.03z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/current-price-hide.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/current-price-hide.svg
@@ -0,0 +1,40 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<g opacity="0.5">
			
 
				+		<polygon fill="#4B4B4D" points="12.509,22.893 12.509,17.428 11.409,17.428 9.651,18.718 10.229,19.507 11.363,18.628 
			
 
				+			11.363,22.893 		"/>
			
 
				+		<path fill="#4B4B4D" d="M17.962,19.832c-0.341-0.326-0.759-0.492-1.242-0.492c-0.141,0-0.264,0.02-0.365,0.058l-0.276,0.104
			
 
				+			l0.181-0.289l1.281-1.784h-1.375l-1.339,1.996c-0.408,0.61-0.615,1.182-0.615,1.696c0,0.583,0.198,1.038,0.606,1.393
			
 
				+			c0.405,0.353,0.919,0.532,1.526,0.532c0.606,0,1.12-0.181,1.526-0.536c0.401-0.352,0.605-0.829,0.605-1.421
			
 
				+			C18.476,20.573,18.308,20.162,17.962,19.832z M17.055,21.843c-0.184,0.187-0.423,0.281-0.711,0.281s-0.527-0.098-0.713-0.29
			
 
				+			c-0.183-0.192-0.274-0.43-0.274-0.706c0-0.287,0.094-0.527,0.281-0.714c0.187-0.188,0.427-0.281,0.714-0.281
			
 
				+			c0.289,0,0.526,0.095,0.708,0.282c0.181,0.186,0.271,0.423,0.271,0.705C17.331,21.413,17.238,21.655,17.055,21.843z"/>
			
 
				+		<path fill="#4B4B4D" d="M20.639,21.805c-0.141-0.135-0.302-0.201-0.495-0.201c-0.198,0-0.364,0.067-0.507,0.205
			
 
				+			c-0.141,0.136-0.21,0.295-0.21,0.487c0,0.191,0.068,0.349,0.209,0.479c0.143,0.133,0.309,0.197,0.508,0.197
			
 
				+			c0.193,0,0.354-0.066,0.495-0.201c0.138-0.133,0.205-0.291,0.205-0.483S20.776,21.938,20.639,21.805z"/>
			
 
				+		<path fill="#4B4B4D" d="M22.962,19.063c0.04-0.23,0.13-0.423,0.268-0.574c0.164-0.179,0.372-0.269,0.618-0.269
			
 
				+			c0.24,0,0.436,0.072,0.583,0.216c0.146,0.145,0.221,0.334,0.221,0.563c0,0.316-0.166,0.634-0.495,0.944l-2.177,1.972v0.977h3.896
			
 
				+			v-0.969h-2.475l1.508-1.342c0.317-0.282,0.561-0.55,0.723-0.797c0.156-0.238,0.236-0.532,0.236-0.873
			
 
				+			c0-0.531-0.184-0.927-0.56-1.208c-0.381-0.284-0.849-0.429-1.389-0.429c-0.539,0-1.008,0.158-1.394,0.471
			
 
				+			c-0.358,0.29-0.578,0.683-0.654,1.168L22.962,19.063z"/>
			
 
				+	</g>
			
 
				+	<path opacity="0.5" fill="#4B4B4D" d="M17.486,12.742c-0.809,0.626-1.691,1.131-2.631,1.5H27.75v11.5H8.25v-3.061l-2.939-2.689
			
 
				+		l2.939-2.689l0.001-2.122l-4.812,4.812l3.311,3.311v3.939h22.5v-14.5H17.486z"/>
			
 
				+	<g>
			
 
				+		<path fill="#4B4B4D" d="M17.121,10.432c-1.659,1.659-3.865,2.573-6.211,2.573l0,0c-0.723,0-1.43-0.097-2.113-0.266l1.096-1.097
			
 
				+			c0.335,0.046,0.675,0.077,1.018,0.077c2.003,0,3.885-0.781,5.302-2.196c0.25-0.25,0.638-0.691,0.922-1.018
			
 
				+			c-0.284-0.327-0.672-0.769-0.922-1.018c-0.368-0.368-0.769-0.691-1.194-0.972l0.922-0.921c0.417,0.292,0.814,0.616,1.182,0.983
			
 
				+			c0.467,0.467,1.313,1.469,1.351,1.512l0.35,0.415l-0.35,0.414C18.435,8.963,17.588,9.964,17.121,10.432z"/>
			
 
				+		<path fill="#4B4B4D" d="M3.351,8.091c0.035-0.043,0.882-1.045,1.351-1.512c1.658-1.66,3.864-2.574,6.209-2.574
			
 
				+			c0.723,0,1.43,0.098,2.114,0.266l-1.097,1.097c-0.336-0.046-0.674-0.076-1.018-0.076c-2.002,0-3.884,0.779-5.301,2.197
			
 
				+			c-0.25,0.249-0.639,0.69-0.922,1.018c0.283,0.326,0.672,0.767,0.922,1.017c0.367,0.367,0.768,0.69,1.192,0.97L5.88,11.414
			
 
				+			c-0.415-0.293-0.812-0.616-1.179-0.982C4.232,9.965,3.386,8.963,3.351,8.92L3,8.506L3.351,8.091z"/>
			
 
				+		
			
 
				+			<rect x="2.731" y="7.861" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.8175 10.2057)" fill="#4B4B4D" width="16.359" height="1.286"/>
			
 
				+	</g>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/current-price-show.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/current-price-show.svg
@@ -0,0 +1,41 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<polygon fill="#4B4B4D" points="12.509,22.893 12.509,17.428 11.409,17.428 9.651,18.718 10.229,19.507 11.363,18.628 
			
 
				+			11.363,22.893 		"/>
			
 
				+		<path fill="#4B4B4D" d="M17.962,19.832c-0.341-0.326-0.759-0.492-1.242-0.492c-0.141,0-0.264,0.02-0.365,0.058l-0.276,0.104
			
 
				+			l0.181-0.289l1.281-1.784h-1.375l-1.339,1.996c-0.408,0.61-0.615,1.182-0.615,1.696c0,0.583,0.198,1.038,0.606,1.393
			
 
				+			c0.405,0.353,0.919,0.532,1.526,0.532c0.606,0,1.12-0.181,1.526-0.536c0.401-0.352,0.605-0.829,0.605-1.421
			
 
				+			C18.476,20.573,18.308,20.162,17.962,19.832z M17.055,21.843c-0.184,0.187-0.423,0.281-0.711,0.281s-0.527-0.098-0.713-0.29
			
 
				+			c-0.183-0.192-0.274-0.43-0.274-0.706c0-0.287,0.094-0.527,0.281-0.714c0.187-0.188,0.427-0.281,0.714-0.281
			
 
				+			c0.289,0,0.526,0.095,0.708,0.282c0.181,0.186,0.271,0.423,0.271,0.705C17.331,21.413,17.238,21.655,17.055,21.843z"/>
			
 
				+		<path fill="#4B4B4D" d="M20.639,21.805c-0.141-0.135-0.302-0.201-0.495-0.201c-0.198,0-0.364,0.067-0.507,0.205
			
 
				+			c-0.141,0.136-0.21,0.295-0.21,0.487c0,0.191,0.068,0.349,0.209,0.479c0.143,0.133,0.309,0.197,0.508,0.197
			
 
				+			c0.193,0,0.354-0.066,0.495-0.201c0.138-0.133,0.205-0.291,0.205-0.483S20.776,21.938,20.639,21.805z"/>
			
 
				+		<path fill="#4B4B4D" d="M22.962,19.063c0.04-0.23,0.13-0.423,0.268-0.574c0.164-0.179,0.372-0.269,0.618-0.269
			
 
				+			c0.24,0,0.436,0.072,0.583,0.216c0.146,0.145,0.221,0.334,0.221,0.563c0,0.316-0.166,0.634-0.495,0.944l-2.177,1.972v0.977h3.896
			
 
				+			v-0.969h-2.475l1.508-1.342c0.317-0.282,0.561-0.55,0.723-0.797c0.156-0.238,0.236-0.532,0.236-0.873
			
 
				+			c0-0.531-0.184-0.927-0.56-1.208c-0.381-0.284-0.849-0.429-1.389-0.429c-0.539,0-1.008,0.158-1.394,0.471
			
 
				+			c-0.358,0.29-0.578,0.683-0.654,1.168L22.962,19.063z"/>
			
 
				+	</g>
			
 
				+	<path fill="#4B4B4D" d="M17.486,12.742c-0.809,0.626-1.691,1.131-2.631,1.5H27.75v11.5H8.25v-3.061l-2.939-2.689l2.939-2.689V14.65
			
 
				+		c-0.512-0.131-1.015-0.287-1.5-0.489v2.521l-3.311,3.311l3.311,3.311v3.939h22.5v-14.5H17.486z"/>
			
 
				+	<g>
			
 
				+		<path fill="#4B4B4D" d="M10.911,10.741c-1.24,0-2.249-1.009-2.249-2.249s1.009-2.249,2.249-2.249s2.249,1.009,2.249,2.249
			
 
				+			S12.151,10.741,10.911,10.741z M10.911,7.528c-0.532,0-0.964,0.432-0.964,0.964c0,0.531,0.432,0.964,0.964,0.964
			
 
				+			c0.531,0,0.964-0.433,0.964-0.964C11.875,7.96,11.442,7.528,10.911,7.528z"/>
			
 
				+	</g>
			
 
				+	<g>
			
 
				+		<path fill="#4B4B4D" d="M10.911,12.992L10.911,12.992c-2.346,0-4.553-0.915-6.211-2.573C4.233,9.951,3.387,8.949,3.35,8.906
			
 
				+			L3,8.492l0.35-0.415C3.387,8.034,4.233,7.033,4.7,6.565c1.658-1.66,3.865-2.573,6.211-2.573c2.345,0,4.551,0.913,6.209,2.573
			
 
				+			c0.469,0.468,1.315,1.469,1.351,1.512l0.351,0.415l-0.351,0.414c-0.035,0.043-0.882,1.045-1.351,1.513
			
 
				+			C15.462,12.077,13.256,12.992,10.911,12.992z M4.687,8.492C4.972,8.818,5.36,9.261,5.608,9.51c1.417,1.416,3.3,2.196,5.303,2.196
			
 
				+			c2.001,0,3.885-0.78,5.302-2.197c0.249-0.25,0.638-0.69,0.921-1.017c-0.283-0.327-0.672-0.769-0.921-1.018
			
 
				+			c-1.417-1.418-3.301-2.197-5.302-2.197c-2.003,0-3.886,0.779-5.303,2.197C5.36,7.724,4.972,8.165,4.687,8.492z"/>
			
 
				+	</g>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/destroy.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/destroy.svg
@@ -0,0 +1,14 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<rect x="12.75" y="14" fill="#4B4B4D" width="1.5" height="10"/>
			
 
				+	<rect x="17.75" y="14" fill="#4B4B4D" width="1.5" height="10"/>
			
 
				+	<path fill="#4B4B4D" d="M25.25,10.5c0-1.517-1.233-2.75-2.75-2.75h-3.25V7c0-1.24-1.01-2.25-2.25-2.25h-2
			
 
				+		c-1.24,0-2.25,1.01-2.25,2.25v0.75H9.5c-1.517,0-2.75,1.233-2.75,2.75v1.751h2V27.25h14.5V12.251h2V10.5z M14.25,7
			
 
				+		c0-0.413,0.337-0.75,0.75-0.75h2c0.413,0,0.75,0.337,0.75,0.75v0.75h-3.5V7z M21.75,25.75h-11.5V12.251h11.5V25.75z M23.75,10.751
			
 
				+		H8.25V10.5c0-0.689,0.561-1.25,1.25-1.25h13c0.689,0,1.25,0.561,1.25,1.25V10.751z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/edit.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/edit.svg
@@ -0,0 +1,10 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M22.125,3.814L5.817,20.122l-1.818,7.879l7.879-1.818L28.186,9.875L22.125,3.814z M26.064,9.875
			
 
				+	l-1.439,1.439l-3.939-3.939l1.439-1.439L26.064,9.875z M10.186,22.875l9.939-9.939l1.439,1.439l-9.939,9.939L10.186,22.875z
			
 
				+	 M7.686,20.375l9.939-9.939l1.439,1.439l-9.939,9.939L7.686,20.375z M18.686,9.375l0.939-0.939l3.939,3.939l-0.939,0.939
			
 
				+	L18.686,9.375z M6.974,21.784l3.242,3.242l-4.215,0.973L6.974,21.784z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/elliott-3.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/elliott-3.svg
@@ -0,0 +1,59 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<path fill="#4B4B4D" d="M5.048,22.258c-0.234,0-0.464-0.109-0.61-0.312c-0.241-0.338-0.164-0.806,0.173-1.047l14.468-10.37
			
 
				+			l7.497,7.447c0.294,0.292,0.296,0.767,0.004,1.061c-0.292,0.296-0.767,0.294-1.061,0.004l-6.597-6.553l-13.438,9.63
			
 
				+			C5.352,22.213,5.199,22.258,5.048,22.258z"/>
			
 
				+	</g>
			
 
				+	<g>
			
 
				+		<g>
			
 
				+			<path fill="#4B4B4D" d="M6.483,24.807c0.35,0.532,0.524,1.266,0.524,2.201s-0.175,1.67-0.524,2.201
			
 
				+				C6.134,29.742,5.64,30.008,5,30.008c-0.646,0-1.144-0.266-1.496-0.799c-0.353-0.531-0.527-1.266-0.527-2.201
			
 
				+				s0.175-1.669,0.527-2.201C3.856,24.273,4.354,24.008,5,24.008C5.64,24.008,6.134,24.273,6.483,24.807z M5.976,27.693
			
 
				+				c0.026-0.221,0.04-0.449,0.04-0.686s-0.014-0.467-0.04-0.689s-0.074-0.455-0.141-0.697c-0.068-0.242-0.173-0.438-0.315-0.585
			
 
				+				S5.204,24.814,5,24.814c-0.205,0-0.379,0.074-0.524,0.222c-0.145,0.147-0.252,0.343-0.322,0.585
			
 
				+				c-0.069,0.242-0.119,0.475-0.146,0.697s-0.04,0.453-0.04,0.689c0,0.231,0.014,0.459,0.04,0.686
			
 
				+				c0.026,0.226,0.076,0.459,0.146,0.697c0.07,0.24,0.178,0.432,0.322,0.576C4.621,29.112,4.795,29.186,5,29.186
			
 
				+				c0.204,0,0.377-0.073,0.52-0.219c0.143-0.145,0.247-0.338,0.315-0.58C5.901,28.145,5.949,27.914,5.976,27.693z"/>
			
 
				+			<path fill="#4B4B4D" d="M5,30.058c-0.659,0-1.177-0.276-1.538-0.82c-0.355-0.536-0.535-1.286-0.535-2.229
			
 
				+				c0-0.942,0.18-1.692,0.535-2.229c0.361-0.544,0.879-0.82,1.538-0.82c0.654,0,1.167,0.276,1.525,0.821
			
 
				+				c0.354,0.538,0.532,1.288,0.532,2.229c0,0.941-0.179,1.691-0.532,2.229C6.167,29.781,5.654,30.058,5,30.058z M5,24.058
			
 
				+				c-0.633,0-1.108,0.254-1.454,0.776c-0.345,0.52-0.52,1.252-0.52,2.174c0,0.923,0.175,1.654,0.52,2.174
			
 
				+				C3.892,29.704,4.367,29.958,5,29.958c0.618,0,1.104-0.261,1.441-0.776c0.343-0.521,0.517-1.252,0.517-2.174
			
 
				+				c0-0.921-0.174-1.652-0.517-2.174C6.104,24.318,5.618,24.058,5,24.058z M5,29.235c-0.217,0-0.404-0.078-0.56-0.232
			
 
				+				c-0.15-0.151-0.263-0.352-0.335-0.598c-0.072-0.249-0.121-0.485-0.147-0.706c-0.026-0.23-0.04-0.463-0.04-0.691
			
 
				+				c0-0.234,0.014-0.469,0.04-0.695c0.026-0.22,0.074-0.451,0.147-0.705c0.072-0.249,0.185-0.453,0.334-0.606
			
 
				+				C4.595,24.844,4.783,24.765,5,24.765s0.404,0.079,0.556,0.237c0.146,0.152,0.257,0.355,0.327,0.605
			
 
				+				c0.07,0.254,0.116,0.484,0.143,0.705c0.026,0.227,0.04,0.461,0.04,0.695s-0.014,0.468-0.04,0.691
			
 
				+				c-0.026,0.219-0.072,0.447-0.143,0.701c-0.07,0.25-0.181,0.453-0.327,0.602C5.403,29.157,5.216,29.235,5,29.235z M5,24.864
			
 
				+				c-0.192,0-0.352,0.067-0.488,0.207c-0.139,0.142-0.243,0.331-0.311,0.563c-0.071,0.25-0.118,0.475-0.144,0.689
			
 
				+				c-0.026,0.223-0.04,0.453-0.04,0.684c0,0.225,0.014,0.454,0.04,0.68c0.025,0.215,0.073,0.447,0.144,0.689
			
 
				+				c0.067,0.23,0.172,0.416,0.31,0.555C4.648,29.068,4.809,29.136,5,29.136s0.35-0.067,0.483-0.204
			
 
				+				c0.136-0.137,0.237-0.324,0.304-0.559C5.854,28.125,5.9,27.9,5.926,27.688c0.026-0.221,0.04-0.449,0.04-0.68
			
 
				+				s-0.014-0.461-0.04-0.684c-0.025-0.217-0.071-0.441-0.139-0.69C5.721,25.4,5.619,25.211,5.483,25.07
			
 
				+				C5.35,24.932,5.191,24.864,5,24.864z"/>
			
 
				+		</g>
			
 
				+	</g>
			
 
				+	<g>
			
 
				+		<g>
			
 
				+			<path fill="#4B4B4D" d="M24,27.008v-6h2.339c0.508,0,0.942,0.125,1.301,0.373s0.538,0.627,0.538,1.135
			
 
				+				c0,0.328-0.093,0.605-0.28,0.831c-0.186,0.226-0.44,0.388-0.762,0.483v0.017c0.39,0.051,0.703,0.201,0.94,0.449
			
 
				+				c0.237,0.249,0.355,0.57,0.355,0.966c0,0.311-0.063,0.584-0.19,0.818s-0.301,0.416-0.521,0.547
			
 
				+				c-0.22,0.129-0.46,0.226-0.72,0.287c-0.26,0.062-0.54,0.094-0.839,0.094H24z M25.067,21.889v1.561h0.95
			
 
				+				c0.355,0,0.627-0.071,0.812-0.213c0.187-0.141,0.279-0.342,0.279-0.602c0-0.266-0.095-0.456-0.287-0.572
			
 
				+				c-0.192-0.115-0.491-0.174-0.898-0.174H25.067z M25.067,24.363v1.746h0.958c0.893,0,1.339-0.299,1.339-0.898
			
 
				+				c0-0.305-0.104-0.522-0.313-0.652s-0.537-0.195-0.982-0.195H25.067z"/>
			
 
				+		</g>
			
 
				+	</g>
			
 
				+	<g>
			
 
				+		<g>
			
 
				+			<path fill="#4B4B4D" d="M15.958,9.008l2.61-6h0.924l2.584,6h-1.221l-0.559-1.373h-2.602l-0.542,1.373H15.958z M18.06,6.72h1.864
			
 
				+				L19,4.279L18.06,6.72z"/>
			
 
				+		</g>
			
 
				+	</g>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/elliott-5.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/elliott-5.svg
@@ -0,0 +1,41 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M27.53,14.03c0.293-0.293,0.293-0.768,0-1.061l-5.064-5.064l-7.5,8.5L10.461,11.9l-7.027,8.109
			
 
				+		c-0.271,0.313-0.238,0.786,0.075,1.058C3.65,21.189,3.825,21.25,4,21.25c0.21,0,0.419-0.088,0.566-0.259l5.973-6.891l4.495,4.495
			
 
				+		l7.5-8.5l3.936,3.936C26.763,14.323,27.237,14.323,27.53,14.03z"/>
			
 
				+	<path fill="#4B4B4D" d="M3.999,22.9c-0.569,0-1.017,0.238-1.327,0.709c-0.304,0.459-0.457,1.096-0.457,1.891
			
 
				+		c0,0.796,0.153,1.432,0.457,1.891C2.982,27.861,3.43,28.1,3.999,28.1c0.567,0,1.011-0.238,1.319-0.709
			
 
				+		c0.301-0.457,0.501-1.094,0.501-1.891s-0.2-1.433-0.501-1.891C5.01,23.139,4.566,22.9,3.999,22.9z M4.692,26.039
			
 
				+		c-0.021,0.17-0.058,0.354-0.111,0.543c-0.05,0.178-0.126,0.321-0.229,0.426c-0.098,0.1-0.212,0.146-0.353,0.146
			
 
				+		c-0.139,0-0.255-0.048-0.355-0.146c-0.104-0.105-0.183-0.247-0.234-0.424c-0.055-0.186-0.092-0.369-0.113-0.545
			
 
				+		c-0.021-0.177-0.032-0.357-0.032-0.539c0-0.186,0.011-0.367,0.032-0.542c0.021-0.174,0.059-0.357,0.113-0.546
			
 
				+		c0.052-0.178,0.131-0.322,0.235-0.43c0.101-0.101,0.216-0.15,0.354-0.15c0.14,0,0.255,0.049,0.352,0.15
			
 
				+		c0.104,0.106,0.18,0.251,0.229,0.43c0.054,0.188,0.09,0.372,0.111,0.546c0.021,0.175,0.032,0.356,0.032,0.542
			
 
				+		S4.714,25.867,4.692,26.039z"/>
			
 
				+	<path fill="#4B4B4D" d="M9.522,9.9h1.952l0.448,1.1h1.19l-2.129-4.941L10.959,6h-0.867l-2.116,4.864L7.917,11h1.171L9.522,9.9z
			
 
				+		 M10.5,7.337l0.639,1.686H9.851L10.5,7.337z"/>
			
 
				+	<path fill="#4B4B4D" d="M16.416,22.34c0.151-0.079,0.279-0.182,0.383-0.307c0.163-0.198,0.246-0.443,0.246-0.729
			
 
				+		c0-0.438-0.158-0.771-0.473-0.988C16.27,20.106,15.899,20,15.475,20h-1.97v5h1.827c0.248,0,0.482-0.025,0.695-0.078
			
 
				+		c0.216-0.051,0.42-0.133,0.604-0.241c0.191-0.112,0.344-0.272,0.453-0.476c0.109-0.201,0.164-0.437,0.164-0.7
			
 
				+		c0-0.341-0.104-0.624-0.312-0.841C16.795,22.516,16.62,22.406,16.416,22.34z M14.553,20.9h0.59c0.307,0,0.531,0.042,0.669,0.125
			
 
				+		c0.124,0.075,0.185,0.197,0.185,0.375s-0.062,0.311-0.187,0.404c-0.131,0.1-0.33,0.15-0.593,0.15h-0.664V20.9z M15.224,24.086
			
 
				+		h-0.671v-1.203h0.705c0.338,0,0.585,0.047,0.736,0.141c0.139,0.086,0.206,0.23,0.206,0.44C16.2,23.617,16.2,24.086,15.224,24.086z"
			
 
				+		/>
			
 
				+	<path fill="#4B4B4D" d="M22.539,7c0.78,0,1.401-0.282,1.845-0.837l0.062-0.077l-0.808-0.568l-0.055,0.073
			
 
				+		c-0.242,0.331-0.582,0.492-1.038,0.492c-0.447,0-0.794-0.144-1.061-0.438c-0.266-0.293-0.4-0.684-0.4-1.159
			
 
				+		c0-0.453,0.141-0.834,0.419-1.134c0.276-0.298,0.638-0.449,1.074-0.449c0.186,0,0.37,0.038,0.551,0.113
			
 
				+		c0.176,0.073,0.315,0.182,0.416,0.321l0.058,0.079l0.768-0.608l-0.055-0.072c-0.183-0.242-0.438-0.427-0.762-0.552
			
 
				+		C23.233,2.062,22.905,2,22.577,2c-0.741,0-1.362,0.229-1.846,0.682C20.245,3.136,20,3.744,20,4.487c0,0.734,0.24,1.343,0.713,1.811
			
 
				+		C21.187,6.764,21.801,7,22.539,7z"/>
			
 
				+	<path fill="#4B4B4D" d="M29.075,17.328c-0.163-0.338-0.386-0.604-0.66-0.792c-0.271-0.185-0.563-0.321-0.871-0.407
			
 
				+		C27.237,16.043,26.908,16,26.567,16h-1.8v5h1.8c0.335,0,0.664-0.05,0.976-0.146c0.314-0.098,0.609-0.246,0.877-0.439
			
 
				+		c0.272-0.195,0.493-0.463,0.655-0.792c0.162-0.327,0.243-0.706,0.243-1.122C29.318,18.057,29.237,17.662,29.075,17.328z
			
 
				+		 M28.103,19.134c-0.069,0.184-0.16,0.331-0.269,0.441c-0.112,0.111-0.248,0.205-0.404,0.279c-0.159,0.075-0.321,0.129-0.482,0.159
			
 
				+		c-0.163,0.03-0.336,0.045-0.515,0.045h-0.617v-3.131h0.617c1.194,0,1.776,0.514,1.776,1.573
			
 
				+		C28.209,18.736,28.173,18.949,28.103,19.134z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/fibonacci.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/fibonacci.svg
@@ -0,0 +1,25 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<rect x="19.5" y="19.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="24.5" y="19.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="9.5" y="19.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="14.5" y="19.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="4.5" y="19.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="19.5" y="15.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="24.5" y="15.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="9.5" y="15.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="14.5" y="15.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="4.5" y="15.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="19.5" y="10.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="24.5" y="10.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="9.5" y="10.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="14.5" y="10.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="4.5" y="10.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	<rect x="4" y="4.75" fill="#4B4B4D" width="24" height="1.5"/>
			
 
				+	<rect x="4" y="25.75" fill="#4B4B4D" width="24" height="1.5"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/flag-basic.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/flag-basic.svg
@@ -0,0 +1,10 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M27.25,4.75H15V3h-1.65v22.175c0,0.456,0.369,0.825,0.825,0.825S15,25.631,15,25.175V16.25h12.25L21.5,10.5
			
 
				+		L27.25,4.75z M23.689,14.75H15v-8.5h8.689l-4.25,4.25L23.689,14.75z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/flag-diamond.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/flag-diamond.svg
@@ -0,0 +1,12 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M27.25,4.75H15V3h-1.65v20.175c0,0.456,0.369,0.825,0.825,0.825S15,23.631,15,23.175V16.25h12.25L21.5,10.5
			
 
				+		L27.25,4.75z M23.689,14.75H15v-8.5h8.689l-4.25,4.25L23.689,14.75z"/>
			
 
				+	<polygon fill="#4B4B4D" points="17,22.604 21.65,24 14,26.295 6.349,24 11,22.604 11,21.195 1.651,24 14,27.705 26.35,24 
			
 
				+		17,21.195 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/flag-elipse.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/flag-elipse.svg
@@ -0,0 +1,13 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M17,20.385v1.506c4.129,0.398,6.25,1.558,6.25,2.109c0,0.673-3.146,2.5-9.25,2.5S4.75,24.673,4.75,24
			
 
				+		c0-0.552,2.121-1.711,6.25-2.109v-1.506C6.879,20.757,3.25,21.922,3.25,24c0,2.576,5.572,4,10.75,4s10.75-1.424,10.75-4
			
 
				+		C24.75,21.922,21.121,20.757,17,20.385z"/>
			
 
				+	<path fill="#4B4B4D" d="M27.25,4.75H15V3h-1.65v20.175c0,0.456,0.369,0.825,0.825,0.825S15,23.631,15,23.175V16.25h12.25L21.5,10.5
			
 
				+		L27.25,4.75z M23.689,14.75H15v-8.5h8.689l-4.25,4.25L23.689,14.75z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/flag-trapeze.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/flag-trapeze.svg
@@ -0,0 +1,14 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="19.29,20.3 17,20.3 17,21.7 18.71,21.7 23.311,26.3 6.133,26.3 8.433,21.7 11,21.7 11,20.3 
			
 
				+		7.567,20.3 3.867,27.7 26.69,27.7 	"/>
			
 
				+	<g>
			
 
				+		<path fill="#4B4B4D" d="M27.25,4.75H15V3h-1.65v20.175c0,0.456,0.369,0.825,0.825,0.825S15,23.631,15,23.175V16.25h12.25
			
 
				+			L21.5,10.5L27.25,4.75z M23.689,14.75H15v-8.5h8.689l-4.25,4.25L23.689,14.75z"/>
			
 
				+	</g>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/fullscreen.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/fullscreen.svg
@@ -0,0 +1,15 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="22.593,21.657 19.297,18.361 18.413,19.244 21.71,22.541 20.465,23.786 24.75,24.75 23.786,20.464 
			
 
				+			"/>
			
 
				+	<polygon fill="#4B4B4D" points="11.535,8.214 7.25,7.25 8.214,11.536 9.459,10.291 12.756,13.588 13.641,12.703 10.343,9.406 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="19.27,13.613 22.566,10.316 23.786,11.535 24.75,7.25 20.464,8.214 21.684,9.433 18.387,12.729 	
			
 
				+		"/>
			
 
				+	<polygon fill="#4B4B4D" points="12.729,18.386 9.432,21.683 8.214,20.465 7.25,24.75 11.536,23.786 10.316,22.567 13.613,19.271 	
			
 
				+		"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/horizontal-line.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/horizontal-line.svg
@@ -0,0 +1,8 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M27,14.751H15.143c-0.289-0.663-0.948-1.126-1.718-1.126s-1.429,0.463-1.718,1.126H5v1.5h6.709
			
 
				+	c0.289,0.661,0.947,1.124,1.716,1.124s1.427-0.463,1.716-1.124H27V14.751z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/indicators.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/indicators.svg
@@ -0,0 +1,27 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px"
			
 
				+	 height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g id="Layer_1">
			
 
				+</g>
			
 
				+<g id="Robocza">
			
 
				+	<g>
			
 
				+		<g>
			
 
				+			<polygon fill="#4B4B4D" points="14.138,14.794 14.697,16.26 21.328,11.074 22.156,12.134 23.723,8.25 19.576,8.834 20.404,9.893 
			
 
				+							"/>
			
 
				+			<polygon fill="#4B4B4D" points="10.841,17.372 3.761,22.909 4.685,24.091 11.401,18.838 			"/>
			
 
				+		</g>
			
 
				+		<g>
			
 
				+			<path fill="#4B4B4D" d="M17.075,24.159c-0.11,0-0.221-0.006-0.332-0.019c-1.334-0.154-2.439-1.211-3.113-2.976l-2.215-5.793
			
 
				+				c-0.469-1.226-1.177-1.967-1.995-2.087c-0.816-0.111-1.723,0.401-2.511,1.428l-3.842,4.994c-0.254,0.328-0.723,0.39-1.052,0.138
			
 
				+				c-0.328-0.253-0.39-0.724-0.138-1.052l3.842-4.994c1.146-1.489,2.541-2.203,3.917-1.997c1.38,0.201,2.509,1.279,3.179,3.035
			
 
				+				l2.215,5.793c0.458,1.199,1.146,1.936,1.885,2.021c0.736,0.08,1.576-0.477,2.296-1.54l9.141-13.53
			
 
				+				c0.231-0.344,0.697-0.433,1.041-0.201c0.343,0.231,0.434,0.697,0.201,1.041l-9.141,13.53
			
 
				+				C19.483,23.386,18.295,24.159,17.075,24.159z"/>
			
 
				+		</g>
			
 
				+	</g>
			
 
				+</g>
			
 
				+<g id="Baza">
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/label.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/label.svg
@@ -0,0 +1,16 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M3.75,7.749v14.5h7.939L16,26.561l4.31-4.312h7.94v-14.5H3.75z M26.75,20.749h-7.062L16,24.439l-3.689-3.69
			
 
				+		H5.25v-11.5h21.5V20.749z"/>
			
 
				+	<polygon fill="#4B4B4D" points="9.291,18 10.735,18 10.735,13.251 12.426,13.251 12.426,12.018 7.601,12.018 7.601,13.251 
			
 
				+		9.291,13.251 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="14.712,18 15.971,15.888 17.28,18 19.063,18 16.9,14.84 18.793,12.018 17.111,12.018 
			
 
				+		16.013,13.876 14.897,12.018 13.157,12.018 15.084,14.84 12.988,18 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="21.265,18 22.709,18 22.709,13.251 24.399,13.251 24.399,12.018 19.574,12.018 19.574,13.251 
			
 
				+		21.265,13.251 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/line.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/line.svg
@@ -0,0 +1,11 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M27.03,6.03L25.97,4.97l-3.788,3.788c-0.212-0.083-0.44-0.133-0.682-0.133c-1.035,0-1.875,0.84-1.875,1.875
			
 
				+	c0,0.241,0.05,0.47,0.133,0.682l-8.576,8.576c-0.212-0.083-0.44-0.133-0.682-0.133c-1.035,0-1.875,0.84-1.875,1.875
			
 
				+	c0,0.241,0.05,0.47,0.133,0.682L4.97,25.97L6.03,27.03l3.788-3.788c0.212,0.083,0.44,0.133,0.682,0.133
			
 
				+	c1.035,0,1.875-0.84,1.875-1.875c0-0.241-0.05-0.47-0.133-0.682l8.576-8.576c0.212,0.083,0.44,0.133,0.682,0.133
			
 
				+	c1.035,0,1.875-0.84,1.875-1.875c0-0.241-0.05-0.47-0.133-0.682L27.03,6.03z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/measure-x.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/measure-x.svg
@@ -0,0 +1,23 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<polygon fill="#4B4B4D" points="14.673,21 15.984,19.177 17.287,21 18.808,21 16.766,18.344 18.559,16 17.12,16 16.006,17.553 
			
 
				+			14.923,16 13.422,16 15.225,18.344 13.193,21 		"/>
			
 
				+		<rect x="25.75" y="9.014" fill="#4B4B4D" width="1.5" height="2.986"/>
			
 
				+		<rect x="25.75" y="24.014" fill="#4B4B4D" width="1.5" height="2.986"/>
			
 
				+		<rect x="25.75" y="14.014" fill="#4B4B4D" width="1.5" height="2.986"/>
			
 
				+		<rect x="25.75" y="19.014" fill="#4B4B4D" width="1.5" height="2.986"/>
			
 
				+		<rect x="4.75" y="9.014" fill="#4B4B4D" width="1.5" height="2.986"/>
			
 
				+		<rect x="4.75" y="4.014" fill="#4B4B4D" width="1.5" height="2.986"/>
			
 
				+		<rect x="4.75" y="19.014" fill="#4B4B4D" width="1.5" height="2.986"/>
			
 
				+		<rect x="4.75" y="14.014" fill="#4B4B4D" width="1.5" height="2.986"/>
			
 
				+		<rect x="25.75" y="4" fill="#4B4B4D" width="1.5" height="3"/>
			
 
				+		<rect x="4.75" y="24" fill="#4B4B4D" width="1.5" height="2.986"/>
			
 
				+		<polygon fill="#4B4B4D" points="24.465,13.5 21,11.5 21,13 11,13 11,11.5 7.535,13.5 11,15.5 11,14 21,14 21,15.5 		"/>
			
 
				+	</g>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/measure-xy.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/measure-xy.svg
@@ -0,0 +1,28 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<rect x="26.75" y="19" fill="#4B4B4D" width="1.5" height="3"/>
			
 
				+		<rect x="26.75" y="14" fill="#4B4B4D" width="1.5" height="3"/>
			
 
				+		<rect x="26.75" y="9" fill="#4B4B4D" width="1.5" height="3"/>
			
 
				+		<rect x="20" y="25.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="15" y="25.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="10" y="25.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="4.75" y="9.001" fill="#4B4B4D" width="1.5" height="2.999"/>
			
 
				+		<rect x="4.75" y="14.001" fill="#4B4B4D" width="1.5" height="2.999"/>
			
 
				+		<rect x="4.75" y="19.001" fill="#4B4B4D" width="1.5" height="2.999"/>
			
 
				+		<rect x="10" y="3.751" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="15" y="3.751" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="20" y="3.751" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	</g>
			
 
				+	<polygon fill="#4B4B4D" points="25,3.75 25,5.25 26.75,5.25 26.75,7 28.25,7 28.25,3.75 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="4.75,7 6.25,7 6.25,5.25 8,5.25 8,3.75 4.75,3.75 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="8,27.25 8,25.75 6.25,25.75 6.25,24 4.75,24 4.75,27.25 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="28.25,24 26.75,24 26.75,25.75 25,25.75 25,27.25 28.25,27.25 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="16.5,6.535 14.5,10 16,10 16,21 14.5,21 16.5,24.465 18.5,21 17,21 17,10 18.5,10 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="25.465,15.5 22,13.5 22,15 11,15 11,13.5 7.535,15.5 11,17.5 11,16 22,16 22,17.5 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/measure-y.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/measure-y.svg
@@ -0,0 +1,24 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<rect x="24" y="4.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="19" y="25.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="9" y="4.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="4" y="25.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="19" y="4.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="14" y="4.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<path fill="#4B4B4D" d="M18.13,19.851c-0.113,0.116-0.297,0.175-0.552,0.175c-0.163,0-0.321-0.024-0.478-0.074l-0.106,1.104
			
 
				+			c0.205,0.05,0.425,0.074,0.658,0.074c0.531,0,0.936-0.116,1.216-0.35c0.279-0.234,0.518-0.602,0.716-1.104l2.409-6.187h-1.326
			
 
				+			l-1.264,3.703h-0.021l-1.423-3.703h-1.411l2.187,5.094l-0.255,0.647C18.36,19.526,18.243,19.733,18.13,19.851z"/>
			
 
				+		<rect x="14" y="25.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="8.995" y="25.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="4" y="4.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<rect x="24" y="25.75" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+		<polygon fill="#4B4B4D" points="13.5,7.535 11.5,11 13,11 13,21 11.5,21 13.5,24.465 15.5,21 14,21 14,11 15.5,11 		"/>
			
 
				+	</g>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/parallel-channel.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/parallel-channel.svg
@@ -0,0 +1,15 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M17.258,7.802C17.487,7.896,17.737,7.95,18,7.95c1.077,0,1.95-0.873,1.95-1.95S19.077,4.05,18,4.05
			
 
				+		c-1.076,0-1.95,0.873-1.95,1.95c0,0.263,0.054,0.513,0.147,0.742l-9.455,9.456C6.513,16.104,6.263,16.05,6,16.05
			
 
				+		c-1.076,0-1.95,0.873-1.95,1.95S4.924,19.95,6,19.95c1.077,0,1.95-0.873,1.95-1.95c0-0.263-0.054-0.513-0.147-0.742L17.258,7.802z"
			
 
				+		/>
			
 
				+	<path fill="#4B4B4D" d="M28.03,13.03L26.97,11.97l-6.228,6.228C20.513,18.104,20.263,18.05,20,18.05c-1.077,0-1.95,0.873-1.95,1.95
			
 
				+		c0,0.263,0.054,0.513,0.147,0.742L11.97,26.97l1.061,1.061l6.228-6.228c0.229,0.094,0.479,0.147,0.742,0.147
			
 
				+		c1.077,0,1.95-0.873,1.95-1.95c0-0.263-0.054-0.513-0.147-0.742L28.03,13.03z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/pitchfork.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/pitchfork.svg
@@ -0,0 +1,13 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M28.057,15.006l-1.059-1.062l-7.865,7.863c-0.212-0.083-0.441-0.133-0.683-0.133
			
 
				+	c-0.243,0-0.474,0.05-0.687,0.134l-3.254-3.255l8.548-8.548l-1.06-1.061l-8.549,8.548l-3.257-3.259
			
 
				+	c0.083-0.213,0.133-0.442,0.133-0.685c0-0.241-0.05-0.47-0.132-0.682l7.863-7.862l-1.059-1.061l-7.865,7.862
			
 
				+	c-0.212-0.083-0.441-0.133-0.683-0.133c-1.036,0-1.875,0.839-1.875,1.875s0.839,1.875,1.875,1.875c0.241,0,0.47-0.05,0.681-0.132
			
 
				+	l3.26,3.26l-5.206,5.205c-0.213-0.083-0.442-0.133-0.685-0.133c-1.036,0-1.875,0.84-1.875,1.875c0,1.036,0.839,1.875,1.875,1.875
			
 
				+	s1.875-0.839,1.875-1.875c0-0.24-0.049-0.469-0.132-0.681l5.207-5.206l3.257,3.257c-0.082,0.211-0.132,0.439-0.132,0.68
			
 
				+	c0,1.036,0.839,1.875,1.875,1.875s1.875-0.839,1.875-1.875c0-0.241-0.05-0.47-0.132-0.682L28.057,15.006z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/ray.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/ray.svg
@@ -0,0 +1,10 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M27.03,6.03L25.97,4.97l-7.788,7.788c-0.212-0.083-0.44-0.133-0.682-0.133c-1.035,0-1.875,0.84-1.875,1.875
			
 
				+	c0,0.241,0.05,0.47,0.133,0.682l-7.576,7.576c-0.212-0.083-0.44-0.133-0.682-0.133c-1.035,0-1.875,0.84-1.875,1.875
			
 
				+	s0.84,1.875,1.875,1.875s1.875-0.84,1.875-1.875c0-0.241-0.05-0.47-0.133-0.682l7.576-7.576c0.212,0.083,0.44,0.133,0.682,0.133
			
 
				+	c1.035,0,1.875-0.84,1.875-1.875c0-0.241-0.05-0.47-0.133-0.682L27.03,6.03z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/rectangle.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/rectangle.svg
@@ -0,0 +1,8 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M25.25,22.783V6.75H6.75v18.5h16.033c0.29,0.662,0.949,1.125,1.717,1.125c1.035,0,1.875-0.84,1.875-1.875
			
 
				+	C26.375,23.731,25.912,23.073,25.25,22.783z M23.75,22.783c-0.432,0.189-0.777,0.535-0.967,0.967H8.25V8.25h15.5V22.783z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/remove-annotations.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/remove-annotations.svg
@@ -0,0 +1,15 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<rect x="5" y="23.7" fill="#4B4B4D" width="3" height="1.5"/>
			
 
				+	
			
 
				+		<rect x="7.69" y="26.011" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 -5.046 52.9314)" fill="#4B4B4D" width="1.5" height="3"/>
			
 
				+	<path fill="#4B4B4D" d="M16.311,23.7l10.625-10.625l-7.159-7.158c-1.001-1.002-2.019-0.786-2.806,0.003L6.72,16.17
			
 
				+		c-0.614,0.613-0.952,1.423-0.952,2.28s0.338,1.667,0.952,2.28l4.47,4.47H27v-1.5H16.311z M18.716,6.978l6.099,6.098l-0.648,0.647
			
 
				+		l-6.438-6.438l0.304-0.304C18.228,6.783,18.521,6.784,18.716,6.978z M11.811,23.7l-4.03-4.03c-0.331-0.33-0.513-0.764-0.513-1.22
			
 
				+		s0.182-0.89,0.513-1.22l1.72-1.72l5.47,5.47l1.061-1.061l-5.47-5.47l6.106-6.105l6.438,6.438L14.189,23.7H11.811z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/save-chart.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/save-chart.svg
@@ -0,0 +1,12 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="8.749,21.25 12.75,21.25 12.75,26 14.25,26 14.25,19.75 12.37,19.75 15.999,16.12 19.629,19.75 
			
 
				+		17.75,19.75 17.75,26 19.25,26 19.25,21.25 23.25,21.25 16,14 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="15.34,6.75 12.84,3.75 5.75,3.75 5.75,21.138 7.25,19.638 7.25,5.25 12.16,5.25 14.66,8.25 
			
 
				+		24.75,8.25 24.75,19.555 26.25,21.055 26.25,6.75 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/segment.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/segment.svg
@@ -0,0 +1,10 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M24.5,5.625c-1.035,0-1.875,0.84-1.875,1.875c0,0.241,0.05,0.47,0.133,0.682L8.182,22.758
			
 
				+	c-0.212-0.083-0.44-0.133-0.682-0.133c-1.035,0-1.875,0.84-1.875,1.875s0.84,1.875,1.875,1.875s1.875-0.84,1.875-1.875
			
 
				+	c0-0.241-0.05-0.47-0.133-0.682L23.818,9.242c0.212,0.083,0.44,0.133,0.682,0.133c1.035,0,1.875-0.84,1.875-1.875
			
 
				+	S25.535,5.625,24.5,5.625z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/separator.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/separator.svg
@@ -0,0 +1,10 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#CDCDCC" d="M32,16.251h-3.52v-1.5H32V16.251z M24.92,16.251h-3.56v-1.5h3.56V16.251z M17.8,16.251h-3.56v-1.5h3.56
			
 
				+		V16.251z M10.68,16.251H7.12v-1.5h3.56V16.251z M3.56,16.251H0v-1.5h3.56V16.251z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/series-candlestick.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/series-candlestick.svg
@@ -0,0 +1,12 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="7,26 8,26 8,23 9,23 9,18 8,18 8,14 7,14 7,18 6,18 6,23 7,23 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="13,20 14,20 14,17 15,17 15,11 14,11 14,6 13,6 13,11 12,11 12,17 13,17 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="19,25 20,25 20,22 21,22 21,18 20,18 20,14 19,14 19,18 18,18 18,22 19,22 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="24,17 25,17 25,14 26,14 26,10 25,10 25,6 24,6 24,10 23,10 23,14 24,14 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/series-line.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/series-line.svg
@@ -0,0 +1,11 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M4.125,28.95c-0.079,0-0.16-0.012-0.239-0.035c-0.436-0.132-0.683-0.593-0.551-1.028L8.844,9.664
			
 
				+		l5.229,11.505l4.674-8.413l3.879,3.031l4.602-12.081c0.163-0.426,0.641-0.64,1.064-0.477c0.426,0.162,0.641,0.639,0.479,1.064
			
 
				+		l-5.398,14.169l-4.121-3.219l-5.326,9.587L9.156,14.336L4.915,28.363C4.807,28.721,4.479,28.95,4.125,28.95z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/series-ohlc.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/series-ohlc.svg
@@ -0,0 +1,14 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="8.3,6.001 6.7,6.001 6.7,9.75 3.75,9.75 3.75,11.25 6.7,11.25 6.7,24 8.3,24 8.3,19.25 
			
 
				+		11.25,19.25 11.25,17.75 8.3,17.75 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="17.3,13 15.7,13 15.7,24.75 12.75,24.75 12.75,26.25 15.7,26.25 15.7,28 17.3,28 17.3,22.25 
			
 
				+		20.25,22.25 20.25,20.75 17.3,20.75 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="28.25,21.75 25.3,21.75 25.3,4 23.7,4 23.7,5.75 20.75,5.75 20.75,7.25 23.7,7.25 23.7,26 25.3,26 
			
 
				+		25.3,23.25 28.25,23.25 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/text.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/text.svg
@@ -0,0 +1,13 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
			
 
				+<style type="text/css">
			
 
				+	.st0{fill:none;stroke:#666666;stroke-width:5;stroke-miterlimit:10;}
			
 
				+</style>
			
 
				+<g>
			
 
				+	<line class="st0" x1="31" y1="12" x2="31" y2="48"/>
			
 
				+	<line class="st0" x1="24" y1="48" x2="37" y2="48"/>
			
 
				+	<polyline class="st0" points="45,19 45,12 17,12 17,19 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/vertical-arrow.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/vertical-arrow.svg
@@ -0,0 +1,7 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<polygon fill="#4B4B4D" points="16.251,23.243 16.251,4.001 14.751,4.001 14.751,23.244 13,23.244 15.5,28 18,23.243 "/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/vertical-counter.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/vertical-counter.svg
@@ -0,0 +1,23 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="16.251,11 14.751,11 14.751,23.244 13,23.244 15.5,28 18,23.243 16.251,23.243 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="9.085,5.241 9.693,6.074 10.618,5.36 10.618,9 11.794,9 11.794,4.044 10.716,4.044 	"/>
			
 
				+	<path fill="#4B4B4D" d="M14.778,5.118c0.126-0.138,0.285-0.206,0.477-0.206c0.187,0,0.336,0.055,0.448,0.164
			
 
				+		c0.111,0.11,0.168,0.254,0.168,0.431c0,0.252-0.136,0.507-0.406,0.763l-1.933,1.75V9h3.584V7.978h-2.022l1.147-1.021
			
 
				+		c0.285-0.252,0.501-0.49,0.647-0.714c0.147-0.225,0.221-0.495,0.221-0.812c0-0.489-0.175-0.865-0.524-1.127
			
 
				+		c-0.351-0.261-0.772-0.392-1.268-0.392c-0.494,0-0.919,0.144-1.273,0.431c-0.355,0.287-0.561,0.675-0.616,1.165l1.127,0.154
			
 
				+		C14.578,5.437,14.652,5.256,14.778,5.118z"/>
			
 
				+	<path fill="#4B4B4D" d="M21.656,6.826C21.479,6.614,21.25,6.476,20.97,6.41V6.389c0.247-0.065,0.448-0.194,0.603-0.388
			
 
				+		c0.153-0.194,0.23-0.424,0.23-0.69c0-0.447-0.172-0.793-0.515-1.035c-0.343-0.243-0.752-0.364-1.229-0.364
			
 
				+		c-0.434,0-0.821,0.109-1.162,0.329c-0.341,0.219-0.569,0.529-0.686,0.931l1.092,0.252c0.037-0.168,0.118-0.302,0.241-0.402
			
 
				+		c0.124-0.101,0.27-0.15,0.438-0.15c0.173,0,0.32,0.049,0.441,0.146c0.121,0.099,0.182,0.231,0.182,0.399
			
 
				+		c0,0.392-0.289,0.588-0.867,0.588h-0.344v0.861h0.315c0.284,0,0.523,0.05,0.718,0.15c0.193,0.101,0.29,0.267,0.29,0.5
			
 
				+		c0,0.215-0.072,0.374-0.217,0.477s-0.312,0.154-0.504,0.154c-0.215,0-0.396-0.06-0.546-0.179s-0.248-0.265-0.294-0.438
			
 
				+		l-1.093,0.287c0.126,0.438,0.369,0.768,0.729,0.986c0.359,0.22,0.779,0.329,1.26,0.329c0.317,0,0.613-0.054,0.889-0.161
			
 
				+		s0.508-0.283,0.697-0.528c0.188-0.245,0.283-0.54,0.283-0.886C21.922,7.282,21.833,7.039,21.656,6.826z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/vertical-double-arrow.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/vertical-double-arrow.svg
@@ -0,0 +1,10 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="18,10.243 16.251,10.243 16.251,4.001 14.751,4.001 14.751,10.244 13,10.244 15.5,15 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="13,21.757 14.749,21.757 14.749,27.999 16.249,27.999 16.249,21.756 18,21.756 15.5,17 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/vertical-label.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/vertical-label.svg
@@ -0,0 +1,14 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="16.251,11 14.751,11 14.751,23.244 13,23.244 15.5,28 18,23.243 16.251,23.243 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="8.5,5.066 9.899,5.066 9.899,9 11.097,9 11.097,5.066 12.497,5.066 12.497,4.044 8.5,4.044 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="17.813,4.044 16.421,4.044 15.511,5.584 14.587,4.044 13.145,4.044 14.74,6.382 13.005,9 14.433,9 
			
 
				+		15.476,7.25 16.561,9 18.037,9 16.245,6.382 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="18.504,4.044 18.504,5.066 19.903,5.066 19.903,9 21.101,9 21.101,5.066 22.501,5.066 
			
 
				+		22.501,4.044 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/vertical-line.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/vertical-line.svg
@@ -0,0 +1,8 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M17.375,18.574c0-0.769-0.463-1.427-1.124-1.716V5h-1.5v11.856c-0.663,0.29-1.126,0.949-1.126,1.718
			
 
				+	c0,0.771,0.463,1.429,1.126,1.718V27h1.5v-6.709C16.912,20.001,17.375,19.344,17.375,18.574z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/zoom-x.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/zoom-x.svg
@@ -0,0 +1,17 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<polygon fill="#4B4B4D" points="16.25,18 16.25,15.25 19,15.25 19,13.75 16.25,13.75 16.25,11 14.75,11 14.75,13.75 12,13.75 
			
 
				+		12,15.25 14.75,15.25 14.75,18 	"/>
			
 
				+	<path fill="#4B4B4D" d="M15.5,8.251c2.359,0,4.416,1.314,5.479,3.249h1.665C21.47,8.713,18.71,6.751,15.5,6.751
			
 
				+		S9.53,8.713,8.355,11.5h1.665C11.084,9.565,13.141,8.251,15.5,8.251z"/>
			
 
				+	<path fill="#4B4B4D" d="M22.646,17.5H20.98c-1.062,1.936-3.121,3.251-5.48,3.251s-4.418-1.315-5.48-3.251H8.354
			
 
				+		c1.175,2.788,3.935,4.751,7.146,4.751c1.84,0,3.52-0.659,4.85-1.734l5.567,5.566l1.166-1.166l-5.558-5.557
			
 
				+		C21.98,18.799,22.361,18.175,22.646,17.5z"/>
			
 
				+	<polygon fill="#4B4B4D" points="10,13.754 6.012,13.754 6.012,12.26 2.125,14.504 6.012,16.747 6.012,15.247 10,15.247 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="21,15.253 24.988,15.253 24.988,16.747 28.875,14.504 24.988,12.261 24.988,13.761 21,13.761 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/zoom-xy.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/zoom-xy.svg
@@ -0,0 +1,13 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M26.083,24.917l-5.556-5.555c1.075-1.331,1.723-3.021,1.723-4.861c0-4.273-3.477-7.75-7.75-7.75
			
 
				+		s-7.75,3.477-7.75,7.75s3.477,7.75,7.75,7.75c1.84,0,3.53-0.647,4.861-1.723l5.556,5.555L26.083,24.917z M8.25,14.501
			
 
				+		c0-3.446,2.804-6.25,6.25-6.25s6.25,2.804,6.25,6.25s-2.804,6.25-6.25,6.25S8.25,17.947,8.25,14.501z"/>
			
 
				+	<polygon fill="#4B4B4D" points="15.25,11 13.75,11 13.75,13.75 11,13.75 11,15.25 13.75,15.25 13.75,18 15.25,18 15.25,15.25 
			
 
				+		18,15.25 18,13.75 15.25,13.75 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/stock-icons/zoom-y.svg
+++ b/public/app/public/js/Highstock/gfx/stock-icons/zoom-y.svg
@@ -0,0 +1,17 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<g>
			
 
				+	<path fill="#4B4B4D" d="M27.083,24.917l-5.567-5.566c1.075-1.331,1.734-3.01,1.734-4.85c0-3.21-1.962-5.97-4.75-7.146v1.665
			
 
				+		c1.936,1.063,3.25,3.121,3.25,5.48s-1.314,4.417-3.25,5.48v1.665c0.675-0.284,1.298-0.666,1.859-1.12l5.558,5.557L27.083,24.917z"
			
 
				+		/>
			
 
				+	<polygon fill="#4B4B4D" points="16.25,18 16.25,15.25 19,15.25 19,13.75 16.25,13.75 16.25,11 14.75,11 14.75,13.75 12,13.75 
			
 
				+		12,15.25 14.75,15.25 14.75,18 	"/>
			
 
				+	<path fill="#4B4B4D" d="M9.25,14.501c0-2.359,1.314-4.417,3.25-5.48V7.355c-2.788,1.176-4.75,3.936-4.75,7.146
			
 
				+		s1.962,5.97,4.75,7.146v-1.665C10.564,18.918,9.25,16.86,9.25,14.501z"/>
			
 
				+	<polygon fill="#4B4B4D" points="14.753,9 16.246,9 16.246,5.01 17.74,5.01 15.496,1.125 13.253,5.01 14.753,5.01 	"/>
			
 
				+	<polygon fill="#4B4B4D" points="16.239,20 14.746,20 14.746,23.986 13.252,23.986 15.496,27.874 17.739,23.986 16.239,23.986 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/gfx/vml-radial-gradient.png
+++ b/public/app/public/js/Highstock/gfx/vml-radial-gradient.png
--- a/public/app/public/js/Highstock/graphics/color-picker.svg
+++ b/public/app/public/js/Highstock/graphics/color-picker.svg
@@ -0,0 +1,12 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
			
 
				+<path fill="#4B4B4D" d="M20.311,16.75L23,14.061l0.97,0.97l1.061-1.061L24.061,13l2.72-2.72c1.342-1.342,1.316-3.634-0.056-5.005
			
 
				+	c-0.669-0.669-1.602-1.053-2.559-1.053c-0.935,0-1.803,0.354-2.446,0.997L19,7.939l-0.97-0.97L16.97,8.03L17.939,9l-6.189,6.189
			
 
				+	v1.561h-7v12.5h23.5v-12.5H20.311z M22.755,6.115c0.789-0.785,2.264-0.749,3.07,0.059c0.849,0.849,0.875,2.254,0.06,3.07
			
 
				+	l-2.896,2.896l-3.13-3.13L22.755,6.115z M22.129,13.062l-0.793,0.793h-6.215l3.9-3.9L22.129,13.062z M13.138,15.672l0.593-0.592
			
 
				+	h6.213l-3.699,3.699h-2.113L11.49,21.42h-0.994v-0.993l2.642-2.642V15.672z M6.25,27.75v-9.5h4.439L9.25,19.689v3.061h3.061
			
 
				+	l2.5-2.499h0.939v7.499H6.25z M26.75,27.75h-9.5v-7.938l1.562-1.562h7.938V27.75z"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/graphics/cursor.svg
+++ b/public/app/public/js/Highstock/graphics/cursor.svg
@@ -0,0 +1,11 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
			
 
				+<style type="text/css">
			
 
				+	.st0{fill:none;stroke:#666666;stroke-width:5;stroke-miterlimit:10;}
			
 
				+</style>
			
 
				+<g>
			
 
				+	<path class="st0" d="M 10,10 L 15,40 21,29 41,50, 50,41 29,21, 40,15 10,10 Z"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/graphics/earth.svg
+++ b/public/app/public/js/Highstock/graphics/earth.svg
--- a/public/app/public/js/Highstock/graphics/feature.svg
+++ b/public/app/public/js/Highstock/graphics/feature.svg
@@ -0,0 +1,13 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
			
 
				+<style type="text/css">
			
 
				+	.st0{fill:none;stroke:#666666;stroke-width:2;stroke-miterlimit:10;}
			
 
				+</style>
			
 
				+<path class="st0" d="M28.8,18.7c0.2-0.4,0.7-0.7,1.2-0.7s0.9,0.3,1.2,0.7l2.8,5.6c0.2,0.4,0.6,0.6,1,0.7l6.2,0.9
			
 
				+	c0.5,0.1,0.9,0.4,1,0.9c0.2,0.5,0,1-0.3,1.3l-4.5,4.3c-0.3,0.3-0.4,0.7-0.4,1.2l1.1,6.1c0.1,0.5-0.1,1-0.5,1.3
			
 
				+	c-0.4,0.3-0.9,0.3-1.4,0.1l-5.5-2.9c-0.4-0.2-0.8-0.2-1.2,0l-5.5,2.9c-0.4,0.2-1,0.2-1.4-0.1c-0.4-0.3-0.6-0.8-0.5-1.3l1.1-6.1
			
 
				+	c0.1-0.4-0.1-0.9-0.4-1.2l-4.5-4.3c-0.4-0.3-0.5-0.9-0.3-1.3c0.2-0.5,0.6-0.8,1-0.9l6.2-0.9c0.4-0.1,0.8-0.3,1-0.7L28.8,18.7z"/>
			
 
				+<circle class="st0" cx="30" cy="30.5" r="19.5"/>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/graphics/flag-circle.svg
+++ b/public/app/public/js/Highstock/graphics/flag-circle.svg
@@ -0,0 +1,17 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="-1 -1 32 32" enable-background="new -1 -1 32 32" xml:space="preserve">
			
 
				+<g id="Robocza">
			
 
				+	<g>
			
 
				+		<path fill="#4B4B4D" d="M16,19.385v1.506c4.129,0.398,6.25,1.559,6.25,2.109c0,0.673-3.146,2.5-9.25,2.5
			
 
				+			c-6.104,0-9.25-1.827-9.25-2.5c0-0.552,2.121-1.711,6.25-2.109v-1.506C5.879,19.757,2.25,20.922,2.25,23c0,2.576,5.572,4,10.75,4
			
 
				+			c5.178,0,10.75-1.424,10.75-4C23.75,20.922,20.121,19.757,16,19.385z"/>
			
 
				+		<path fill="#4B4B4D" d="M26.25,3.75H14V2h-1.65v20.175c0,0.456,0.369,0.825,0.825,0.825S14,22.631,14,22.175V15.25h12.25L20.5,9.5
			
 
				+			L26.25,3.75z M22.689,13.75H14v-8.5h8.689l-4.25,4.25L22.689,13.75z"/>
			
 
				+	</g>
			
 
				+</g>
			
 
				+<g id="TXT_over">
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/graphics/flag-circlepin.svg
+++ b/public/app/public/js/Highstock/graphics/flag-circlepin.svg
@@ -0,0 +1,15 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 viewBox="0 0 43 48.9" style="enable-background:new 0 0 43 48.9;" xml:space="preserve">
			
 
				+<style type="text/css">
			
 
				+	.st0{fill:none;stroke:#666666;stroke-width:5;stroke-miterlimit:10;}
			
 
				+</style>
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<line class="st0" x1="18" y1="4" x2="18" y2="40"/>
			
 
				+	</g>
			
 
				+	<polygon class="st0" points="18,18 35,18 31.3,11 35,4 18,4 	"/>
			
 
				+	<ellipse class="st0" cx="18" cy="40.5" rx="12" ry="4.5"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/graphics/flag-diamondpin.svg
+++ b/public/app/public/js/Highstock/graphics/flag-diamondpin.svg
@@ -0,0 +1,15 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 viewBox="0 0 43 48.9" style="enable-background:new 0 0 43 48.9;" xml:space="preserve">
			
 
				+<style type="text/css">
			
 
				+	.st0{fill:none;stroke:#666666;stroke-width:5;stroke-miterlimit:10;}
			
 
				+</style>
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<line class="st0" x1="18" y1="4" x2="18" y2="40"/>
			
 
				+	</g>
			
 
				+	<polygon class="st0" points="18,18 35,18 31.3,11 35,4 18,4 	"/>
			
 
				+	<polygon class="st0" points="28.1,40.5 18,47.5 7.9,40.5 18,35.4 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/graphics/flag-flag.svg
+++ b/public/app/public/js/Highstock/graphics/flag-flag.svg
@@ -0,0 +1,14 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 viewBox="0 0 43 48.9" style="enable-background:new 0 0 43 48.9;" xml:space="preserve">
			
 
				+<style type="text/css">
			
 
				+	.st0{fill:none;stroke:#666666;stroke-width:5;stroke-miterlimit:10;}
			
 
				+</style>
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<line class="st0" x1="18" y1="4" x2="18" y2="40"/>
			
 
				+	</g>
			
 
				+	<polygon class="st0" points="18,18 35,18 31.3,11 35,4 18,4 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/graphics/flag-rectangle.svg
+++ b/public/app/public/js/Highstock/graphics/flag-rectangle.svg
@@ -0,0 +1,18 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 width="32px" height="32px" viewBox="-1 -1 32 32" enable-background="new -1 -1 32 32" xml:space="preserve">
			
 
				+<g id="Robocza">
			
 
				+	<g>
			
 
				+		<polygon fill="#4B4B4D" points="18.29,19.3 16,19.3 16,20.7 17.71,20.7 22.311,25.3 5.133,25.3 7.433,20.7 10,20.7 10,19.3 
			
 
				+			6.567,19.3 2.867,26.7 25.689,26.7 		"/>
			
 
				+		<g>
			
 
				+			<path fill="#4B4B4D" d="M26.25,3.75H14V2h-1.65v20.175c0,0.456,0.369,0.825,0.825,0.825S14,22.631,14,22.175V15.25h12.25
			
 
				+				L20.5,9.5L26.25,3.75z M22.689,13.75H14v-8.5h8.689l-4.25,4.25L22.689,13.75z"/>
			
 
				+		</g>
			
 
				+	</g>
			
 
				+</g>
			
 
				+<g id="TXT_over">
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/graphics/flag-squarepin.svg
+++ b/public/app/public/js/Highstock/graphics/flag-squarepin.svg
@@ -0,0 +1,16 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 viewBox="0 0 43 48.9" style="enable-background:new 0 0 43 48.9;" xml:space="preserve">
			
 
				+<style type="text/css">
			
 
				+	.st0{fill:none;stroke:#666666;stroke-width:5;stroke-miterlimit:10;}
			
 
				+	
			
 
				+</style>
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<line class="st0" x1="18" y1="4" x2="18" y2="40"/>
			
 
				+	</g>
			
 
				+	<polygon class="st0" points="18,18 35,18 31.3,11 35,4 18,4 	"/>
			
 
				+	<polygon class="st0" points="26,47 10,47 12,35 24,35 	"/>
			
 
				+</g>
			
 
				+</svg>
			
--- a/public/app/public/js/Highstock/graphics/flag.svg
+++ b/public/app/public/js/Highstock/graphics/flag.svg
@@ -0,0 +1,15 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
			
 
				+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			
 
				+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
			
 
				+<style type="text/css">
			
 
				+	.st0{fill:none;stroke:#666666;stroke-width:5;stroke-miterlimit:10;}
			
 
				+</style>
			
 
				+<g>
			
 
				+	<g>
			
 
				+		<line class="st0" x1="26" y1="10" x2="26" y2="46"/>
			
 
				+	</g>
			
 
				+	<polygon class="st0" points="26,24 43,24 39.3,17 43,10 26,10 	"/>
			
 
				+	<ellipse class="st0" cx="26" cy="46.5" rx="12" ry="4.5"/>
			
 
				+</g>
			
 
				+</svg>