-
Notifications
You must be signed in to change notification settings - Fork 0
/
employment03-1_growthshare.html
93 lines (93 loc) · 12.9 KB
/
employment03-1_growthshare.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<style>body{background-color:white;}</style>
<script src="lib/htmlwidgets-1.6.2/htmlwidgets.js"></script>
<script src="lib/jquery-3.5.1/jquery.min.js"></script>
<script src="lib/proj4js-2.3.15/proj4.js"></script>
<link href="lib/highcharts-10.2.0/css/motion.css" rel="stylesheet" />
<script src="lib/highcharts-10.2.0/highcharts.js"></script>
<script src="lib/highcharts-10.2.0/highcharts-3d.js"></script>
<script src="lib/highcharts-10.2.0/highcharts-more.js"></script>
<script src="lib/highcharts-10.2.0/modules/stock.js"></script>
<script src="lib/highcharts-10.2.0/modules/map.js"></script>
<script src="lib/highcharts-10.2.0/modules/accessibility.js"></script>
<script src="lib/highcharts-10.2.0/modules/data.js"></script>
<script src="lib/highcharts-10.2.0/modules/exporting.js"></script>
<script src="lib/highcharts-10.2.0/modules/offline-exporting.js"></script>
<script src="lib/highcharts-10.2.0/modules/drilldown.js"></script>
<script src="lib/highcharts-10.2.0/modules/item-series.js"></script>
<script src="lib/highcharts-10.2.0/modules/overlapping-datalabels.js"></script>
<script src="lib/highcharts-10.2.0/modules/annotations.js"></script>
<script src="lib/highcharts-10.2.0/modules/export-data.js"></script>
<script src="lib/highcharts-10.2.0/modules/funnel.js"></script>
<script src="lib/highcharts-10.2.0/modules/heatmap.js"></script>
<script src="lib/highcharts-10.2.0/modules/treemap.js"></script>
<script src="lib/highcharts-10.2.0/modules/sankey.js"></script>
<script src="lib/highcharts-10.2.0/modules/dependency-wheel.js"></script>
<script src="lib/highcharts-10.2.0/modules/organization.js"></script>
<script src="lib/highcharts-10.2.0/modules/solid-gauge.js"></script>
<script src="lib/highcharts-10.2.0/modules/streamgraph.js"></script>
<script src="lib/highcharts-10.2.0/modules/sunburst.js"></script>
<script src="lib/highcharts-10.2.0/modules/vector.js"></script>
<script src="lib/highcharts-10.2.0/modules/wordcloud.js"></script>
<script src="lib/highcharts-10.2.0/modules/xrange.js"></script>
<script src="lib/highcharts-10.2.0/modules/tilemap.js"></script>
<script src="lib/highcharts-10.2.0/modules/venn.js"></script>
<script src="lib/highcharts-10.2.0/modules/gantt.js"></script>
<script src="lib/highcharts-10.2.0/modules/timeline.js"></script>
<script src="lib/highcharts-10.2.0/modules/parallel-coordinates.js"></script>
<script src="lib/highcharts-10.2.0/modules/bullet.js"></script>
<script src="lib/highcharts-10.2.0/modules/coloraxis.js"></script>
<script src="lib/highcharts-10.2.0/modules/dumbbell.js"></script>
<script src="lib/highcharts-10.2.0/modules/lollipop.js"></script>
<script src="lib/highcharts-10.2.0/modules/series-label.js"></script>
<script src="lib/highcharts-10.2.0/modules/boost-canvas.js"></script>
<script src="lib/highcharts-10.2.0/plugins/motion.js"></script>
<script src="lib/highcharts-10.2.0/custom/reset.js"></script>
<script src="lib/highcharts-10.2.0/modules/boost.js"></script>
<script src="lib/highchart-binding-0.9.4.9001/highchart.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js" crossorigin="anonymous"></script>
<title>Creative employment growth</title>
<meta property="article:published_time" content="2024-08-06T17:51:10"/>
<link rel="stylesheet" href="style.css"/>
<script>window.addEventListener('DOMContentLoaded', (event) => {
var charts = Highcharts.charts;
var dt_event = new CustomEvent("eventDT", { detail: 'chart data table clicked' });
for (var i = 0; i < charts.length; i++) {
Highcharts.addEvent(charts[i], 'aftergetTableAST', function(e) {
window.parent.document.dispatchEvent(dt_event);
console.log('#' + e.tree.id + ' td.highcharts-number');
setTimeout(function(){
$('#' + e.tree.id + ' td.highcharts-number').each(function() { $(this).html(parseFloat($(this).text()).toLocaleString())});
var close = $( "li:contains('Hide data table'):hidden" );
close.click(function(e){
console.log('close table menu clicked');
window.parent.document.dispatchEvent(dt_event);
});
}, 300);
});
}
});
</script>
</head>
<body>
<div class="tourism" style="width: 100%;">
<div class="grid grid-pad">
<div class="margin-mimic">
<div class="row">
<div class="col-12 my-3" style="background-color:#1D184B;color:black;border-radius:24px;padding:1em;">
<div id="htmlwidget-4b4f5254e6e2d72fe256" style="width:100%;height:350px;" class="highchart html-widget "></div>
<script type="application/json" data-for="htmlwidget-4b4f5254e6e2d72fe256">{"x":{"hc_opts":{"chart":{"reflow":true,"height":350},"title":{"text":"Annual percentage change in employment","widthAdjust":-100,"style":{"font-size":"1.5rem"}},"yAxis":{"title":{"text":"growth","enabled":false},"type":"linear","labels":{"format":"{text}%"},"accessibility":{"enabled":true,"description":"rolling annual employment growth"}},"credits":{"enabled":false},"exporting":{"enabled":true,"allowHTML":true,"allowTableSorting":false,"accessibility":{"enabled":true,"keyboardNavigation":{"enabled":true}},"buttons":{"contextButton":{"menuItems":["viewFullscreen","viewData","separator","downloadPNG","downloadSVG","downloadCSV"]}},"csv":{"dateFormat":"%B %Y"},"chartOptions":{"title":{"style":{"fontFamily":"Arial"}},"subtitle":{"style":{"fontFamily":"Arial"}},"legend":{"enabled":true,"itemStyle":{"fontFamily":"Arial"}},"xAxis":{"labels":{"style":{"fontFamily":"Arial"}}},"yAxis":{"labels":{"style":{"fontFamily":"Arial"}}},"caption":{"style":{"fontFamily":"Arial"}},"chart":{"style":{"fontFamily":"Arial"}}}},"boost":{"enabled":false},"plotOptions":{"series":{"label":{"enabled":false},"turboThreshold":0,"showInLegend":true},"treemap":{"layoutAlgorithm":"squarified"},"scatter":{"marker":{"symbol":"circle"}},"column":{"borderColor":"#1D184B"}},"series":[{"name":"Creative employment","data":[{"qtr":"2020-05-01","stat":"Creative employment","growth":0.9,"x":1588291200000,"y":0.9},{"qtr":"2020-08-01","stat":"Creative employment","growth":-4.9,"x":1596240000000,"y":-4.9},{"qtr":"2020-11-01","stat":"Creative employment","growth":-3.7,"x":1604188800000,"y":-3.7},{"qtr":"2021-02-01","stat":"Creative employment","growth":-2.5,"x":1612137600000,"y":-2.5},{"qtr":"2021-05-01","stat":"Creative employment","growth":2.7,"x":1619827200000,"y":2.7},{"qtr":"2021-08-01","stat":"Creative employment","growth":6.5,"x":1627776000000,"y":6.5},{"qtr":"2021-11-01","stat":"Creative employment","growth":5.3,"x":1635724800000,"y":5.3},{"qtr":"2022-02-01","stat":"Creative employment","growth":5.6,"x":1643673600000,"y":5.6},{"qtr":"2022-05-01","stat":"Creative employment","growth":2.3,"x":1651363200000,"y":2.3},{"qtr":"2022-08-01","stat":"Creative employment","growth":3.7,"x":1659312000000,"y":3.7},{"qtr":"2022-11-01","stat":"Creative employment","growth":3.6,"x":1667260800000,"y":3.6},{"qtr":"2023-02-01","stat":"Creative employment","growth":1.9,"x":1675209600000,"y":1.9},{"qtr":"2023-05-01","stat":"Creative employment","growth":4,"x":1682899200000,"y":4},{"qtr":"2023-08-01","stat":"Creative employment","growth":3.1,"x":1690848000000,"y":3.1},{"qtr":"2023-11-01","stat":"Creative employment","growth":3.8,"x":1698796800000,"y":3.8},{"qtr":"2024-02-01","stat":"Creative employment","growth":4,"x":1706745600000,"y":4},{"qtr":"2024-05-01","stat":"Creative employment","growth":0.6,"x":1714521600000,"y":0.6}],"type":"column","accessibility":{"enabled":true,"description":"this chart shows annual employment growth of each quarter compared to one year ago"}},{"name":"Victorian employment","data":[{"qtr":"2020-05-01","stat":"Victorian employment","growth":0.6,"x":1588291200000,"y":0.6},{"qtr":"2020-08-01","stat":"Victorian employment","growth":-1.7,"x":1596240000000,"y":-1.7},{"qtr":"2020-11-01","stat":"Victorian employment","growth":-3.1,"x":1604188800000,"y":-3.1},{"qtr":"2021-02-01","stat":"Victorian employment","growth":-3.8,"x":1612137600000,"y":-3.8},{"qtr":"2021-05-01","stat":"Victorian employment","growth":-1.3,"x":1619827200000,"y":-1.3},{"qtr":"2021-08-01","stat":"Victorian employment","growth":1.8,"x":1627776000000,"y":1.8},{"qtr":"2021-11-01","stat":"Victorian employment","growth":3.7,"x":1635724800000,"y":3.7},{"qtr":"2022-02-01","stat":"Victorian employment","growth":4.9,"x":1643673600000,"y":4.9},{"qtr":"2022-05-01","stat":"Victorian employment","growth":4.3,"x":1651363200000,"y":4.3},{"qtr":"2022-08-01","stat":"Victorian employment","growth":3.3,"x":1659312000000,"y":3.3},{"qtr":"2022-11-01","stat":"Victorian employment","growth":3.5,"x":1667260800000,"y":3.5},{"qtr":"2023-02-01","stat":"Victorian employment","growth":3.5,"x":1675209600000,"y":3.5},{"qtr":"2023-05-01","stat":"Victorian employment","growth":3.9,"x":1682899200000,"y":3.9},{"qtr":"2023-08-01","stat":"Victorian employment","growth":4.2,"x":1690848000000,"y":4.2},{"qtr":"2023-11-01","stat":"Victorian employment","growth":3.9,"x":1698796800000,"y":3.9},{"qtr":"2024-02-01","stat":"Victorian employment","growth":3.9,"x":1706745600000,"y":3.9},{"qtr":"2024-05-01","stat":"Victorian employment","growth":3.5,"x":1714521600000,"y":3.5}],"type":"column","accessibility":{"enabled":true,"description":"this chart shows annual employment growth of each quarter compared to one year ago"}}],"xAxis":{"type":"datetime","title":{"text":"qtr","enabled":false},"accessibility":{"enabled":true,"description":"quarter"}},"tooltip":{"valueSuffix":"%"},"colors":["#F04E30","#BD84BA"],"caption":{"text":"Annual percentage change in employment, smoothed using a 12 month rolling average"}},"theme":{"chart":{"backgroundColor":"#1D184B"},"title":{"align":"left","style":{"color":"white","fontFamily":"VIC-Regular","font-weight":"bold","font-size":"2rem","background-color":"white"}},"subtitle":{"align":"left","style":{"color":"white","fontFamily":"VIC-Regular","font-size":"var(--bs-body-font-size)"}},"legend":{"itemStyle":{"fontFamily":"VIC-Regular","color":"white"},"itemHoverStyle":{"color":"gray"}},"xAxis":{"labels":{"style":{"color":"white","fontFamily":"VIC-Light","font-size":"11px"}},"title":{"align":"high","style":{"color":"white","font-size":"11px"}},"lineWidth":1,"lineColor":"white","tickPosition":"outside","tickColor":"white","tickWidth":1,"tickLength":4},"yAxis":{"labels":{"useHTML":true,"style":{"color":"white","fontFamily":"VIC-Light","font-size":"11px"},"y":5},"title":{"align":"high","style":{"color":"white","font-size":"11px"}},"minorGridLineWidth":0,"majorGridLineWidth":1,"lineWidth":0,"lineColor":"transparent","opposite":false},"caption":{"style":{"color":"white"}},"series":{"line":{"lineWidth":4},"spline":{"lineWidth":4},"area":{"lineWidth":4,"fillOpacity":0.4,"marker":{"enabled":false,"symbol":"circle","radius":2,"states":{"hover":{"enabled":true}}}}}},"conf_opts":{"global":{"Date":null,"VMLRadialGradientURL":"http =//code.highcharts.com/list(version)/gfx/vml-radial-gradient.png","canvasToolsURL":"http =//code.highcharts.com/list(version)/modules/canvas-tools.js","getTimezoneOffset":null,"timezoneOffset":0,"useUTC":true},"lang":{"contextButtonTitle":"Chart context menu","decimalPoint":".","downloadCSV":"Download CSV","downloadJPEG":"Download JPEG image","downloadPDF":"Download PDF document","downloadPNG":"Download PNG image","downloadSVG":"Download SVG vector image","downloadXLS":"Download XLS","drillUpText":"◁ Back to {series.name}","exitFullscreen":"Exit from full screen","exportData":{"annotationHeader":"Annotations","categoryDatetimeHeader":"DateTime","categoryHeader":"Category"},"hideData":"Hide data table","invalidDate":null,"loading":"Loading...","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"noData":"No data to display","numericSymbolMagnitude":1000,"numericSymbols":["k","M","G","T","P","E"],"printChart":"Print chart","resetZoom":"Reset zoom","resetZoomTitle":"Reset zoom level 1:1","shortMonths":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"shortWeekdays":["Sat","Sun","Mon","Tue","Wed","Thu","Fri"],"thousandsSep":" ","viewData":"View data table","viewFullscreen":"View in full screen","weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]}},"type":"chart","fonts":["Arial","VIC-Regular","VIC-Light"],"google_fonts":false,"debug":false},"evals":[],"jsHooks":[]}</script>
</div>
</div>
</div>
</div>
</div>
</body>
</html>