| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- <!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;
- min-width: 380px;
- margin: 0 auto;
- }
- </style>
- </head>
- <body>
- <script src="../../code/highcharts.js"></script>
- <script src="../../code/modules/variwide.js"></script>
- <div id="container"></div>
- <script type="text/javascript">
- Highcharts.chart('container', {
- chart: {
- type: 'variwide'
- },
- title: {
- text: 'Labor Costs in Europe, 2016'
- },
- subtitle: {
- text: 'Source: <a href="http://ec.europa.eu/eurostat/web/' +
- 'labour-market/labour-costs/main-tables">eurostat</a>'
- },
- xAxis: {
- type: 'category',
- title: {
- text: 'Column widths are proportional to GDP'
- }
- },
- legend: {
- enabled: false
- },
- series: [{
- name: 'Labor Costs',
- data: [
- ['Norway', 50.2, 335504],
- ['Denmark', 42, 277339],
- ['Belgium', 39.2, 421611],
- ['Sweden', 38, 462057],
- ['France', 35.6, 2228857],
- ['Netherlands', 34.3, 702641],
- ['Finland', 33.2, 215615],
- ['Germany', 33.0, 3144050],
- ['Austria', 32.7, 349344],
- ['Ireland', 30.4, 275567],
- ['Italy', 27.8, 1672438],
- ['United Kingdom', 26.7, 2366911],
- ['Spain', 21.3, 1113851],
- ['Greece', 14.2, 175887],
- ['Portugal', 13.7, 184933],
- ['Czech Republic', 10.2, 176564],
- ['Poland', 8.6, 424269],
- ['Romania', 5.5, 169578]
- ],
- dataLabels: {
- enabled: true,
- format: '€{point.y:.0f}'
- },
- tooltip: {
- pointFormat: 'Labor Costs: <b>€ {point.y}/h</b><br>' +
- 'GDP: <b>€ {point.z} million</b><br>'
- },
- colorByPoint: true
- }]
- });
- </script>
- </body>
- </html>
|
