initial commit

2021-07-10 16:25:16 +02:00
parent bff57cbf45
commit 20fb7267a8
2426 changed files with 792090 additions and 0 deletions
@@ -0,0 +1,129 @@
+<!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>Highcharts Example</title>
+
+		<style type="text/css">
+#container {
+    max-width: 800px;
+    height: 400px;
+    margin: 1em auto;
+}
+
+.highcharts-series-hover path {
+  stroke: rgb(255, 66, 66);
+  stroke-width: 2px;
+}
+		</style>
+	</head>
+	<body>
+<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+
+<script src="../../code/highcharts.js"></script>
+<script src="../../code/modules/parallel-coordinates.js"></script>
+<div id="container"></div>
+
+
+		<script type="text/javascript">
+$.getJSON(
+    'https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/marathon.json',
+    function (data) {
+
+        Highcharts.chart('container', {
+            chart: {
+                type: 'spline',
+                parallelCoordinates: true,
+                parallelAxes: {
+                    lineWidth: 2
+                }
+            },
+            title: {
+                text: 'Marathon set'
+            },
+            plotOptions: {
+                series: {
+                    animation: false,
+                    marker: {
+                        enabled: false,
+                        states: {
+                            hover: {
+                                enabled: false
+                            }
+                        }
+                    },
+                    states: {
+                        hover: {
+                            halo: {
+                                size: 0
+                            }
+                        }
+                    },
+                    events: {
+                        mouseOver: function () {
+                            this.group.toFront();
+                        }
+                    }
+                }
+            },
+            tooltip: {
+                pointFormat: '<span style="color:{point.color}">\u25CF</span>' +
+                    '{series.name}: <b>{point.formattedValue}</b><br/>'
+            },
+            xAxis: {
+                categories: [
+                    'Training date',
+                    'Miles for training run',
+                    'Training time',
+                    'Shoe brand',
+                    'Running pace per mile',
+                    'Short or long',
+                    'After 2004'
+                ],
+                offset: 10
+            },
+            yAxis: [{
+                type: 'datetime',
+                tooltipValueFormat: '{value:%Y-%m-%d}'
+            }, {
+                min: 0,
+                tooltipValueFormat: '{value} mile(s)'
+            }, {
+                type: 'datetime',
+                min: 0,
+                labels: {
+                    format: '{value:%H:%M}'
+                }
+            }, {
+                categories: [
+                    'Other',
+                    'Adidas',
+                    'Mizuno',
+                    'Asics',
+                    'Brooks',
+                    'New Balance',
+                    'Izumi'
+                ]
+            }, {
+                type: 'datetime'
+            }, {
+                categories: ['&gt; 5miles', '&lt; 5miles']
+            }, {
+                categories: ['Before', 'After']
+            }],
+            colors: ['rgba(11, 200, 200, 0.1)'],
+            series: data.map(function (set, i) {
+                return {
+                    name: 'Runner ' + i,
+                    data: set,
+                    shadow: false
+                };
+            })
+        });
+    }
+);
+
+		</script>
+	</body>
+</html>