-
Notifications
You must be signed in to change notification settings - Fork 0
/
business04_ccvicsize.html
101 lines (101 loc) · 16.3 KB
/
business04_ccvicsize.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
94
95
96
97
98
99
100
101
<!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/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/adminlte.min.js" crossorigin="anonymous"></script>
<title>Current creative and Victorian business size split</title>
<meta property="article:published_time" content="2024-10-30T17:08:34"/>
<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 col-lg-6 my-3">
<div style="background-color:#0E4E96;color:black;border-radius:24px;padding:1em;">
<div id="htmlwidget-272db36a1413f630fbe3" style="width:100%;height:350px;" class="highchart html-widget "></div>
<script type="application/json" data-for="htmlwidget-272db36a1413f630fbe3">{"x":{"hc_opts":{"chart":{"reflow":true,"events":{"render":"function() {\n var subtitle = this.subtitle;\n subtitle.attr({\n y: this.plotTop + this.plotHeight/2 + this.subtitle.getBBox().height/4});\n }"},"height":350},"title":{"text":"Creative sole trader businesses","widthAdjust":0,"style":{"font-size":"1.5rem"}},"yAxis":{"title":{"text":"Number of Businesses"},"type":"linear"},"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"}},"pie":{"shadow":"#0E4E96","borderColor":"#0E4E96","minSize":200,"center":["50%","50%"],"dataLabels":{"style":{"textOutline":"none","color":"white","width":"2px"},"textOverflow":"clip"}}},"series":[{"name":"2022-23","data":[{"year":"2022-23","bus_size":"Medium-Large","businesses":1098,"share":2.3,"y":1098,"name":"Medium-Large"},{"year":"2022-23","bus_size":"Small","businesses":17219,"share":35.9,"y":17219,"name":"Small"},{"year":"2022-23","bus_size":"Sole trader","businesses":29673,"share":61.8,"y":29673,"name":"Sole trader"}],"type":"pie","innerSize":"75%","accessibility":{"enabled":true,"description":"this chart shows the current share of creative businesses by size"}}],"xAxis":{"type":"category","title":{},"labels":{"enabled":false},"accessibility":{"enabled":true,"description":"current financial year"}},"subtitle":{"text":"<span style=\"font-family:VIC-Bold;font-size:2.5vw\">61.8%<\/span>","align":"center","floating":true},"colors":["#C82254","#C9CBCA","#72BF44"],"legend":{"enabled":false},"caption":{"text":"Small businesses have 1-19 employees.\n<br>Medium-Large businesses have 20+ employees.\n<br>Sole traders are businesses without employees.\n<br>Figures from 2022-23."}},"theme":{"chart":{"backgroundColor":"#0E4E96"},"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":["hc_opts.chart.events.render"],"jsHooks":[]}</script>
</div>
</div>
<div class="col-12 col-lg-6 my-3">
<div style="background-color:#0E4E96;color:black;border-radius:24px;padding:1em;">
<div id="htmlwidget-032ef0811488cce4f5a3" style="width:100%;height:350px;" class="highchart html-widget "></div>
<script type="application/json" data-for="htmlwidget-032ef0811488cce4f5a3">{"x":{"hc_opts":{"chart":{"reflow":true,"events":{"render":"function() {\n var subtitle = this.subtitle;\n subtitle.attr({\n y: this.plotTop + this.plotHeight/2 + this.subtitle.getBBox().height/4});\n }"},"height":350},"title":{"text":"Victorian sole trader businesses","widthAdjust":0,"style":{"font-size":"1.5rem"}},"yAxis":{"title":{"text":"Number of businesses"},"type":"linear"},"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"}},"pie":{"shadow":false,"borderColor":"#0E4E96","minSize":200,"center":["50%","50%"],"dataLabels":{"style":{"textOutline":"none","color":"white","width":"2px"},"textOverflow":"clip"}}},"series":[{"name":2023,"data":[{"year":2023,"bus_size":"Medium-Large","count":18179,"share":2.5,"y":18179,"name":"Medium-Large"},{"year":2023,"bus_size":"Small","count":239723,"share":33.3,"y":239723,"name":"Small"},{"year":2023,"bus_size":"Sole trader","count":461330,"share":64.09999999999999,"y":461330,"name":"Sole trader"}],"type":"pie","innerSize":"75%","accessibility":{"enabled":true,"description":"this chart shows the current share of total Victorian businesses by size"}}],"xAxis":{"type":"category","title":{},"labels":{"enabled":false},"accessibility":{"enabled":true,"description":"current financial year"}},"subtitle":{"text":"<span style=\"font-family:VIC-Bold;font-size:2.5vw\">64.1%<\/span>","align":"center","floating":true},"colors":["#C82254","#C9CBCA","#72BF44"],"legend":{"enabled":false},"caption":{"text":"Small businesses have 1-19 employees.\n<br>Medium-Large buisnesses have 20+ employees.\n<br>Sole traders are businesses without employees.\n<br>Figures from 2022-23."}},"theme":{"chart":{"backgroundColor":"#0E4E96"},"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":["hc_opts.chart.events.render"],"jsHooks":[]}</script>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>