柱状图可变宽度 | JShare

Highcharts.chart('container', {
    chart: {
        type: 'variwide' // varwide 依赖 varwide.js
    },
    title: {
        text: '2016 年欧洲各国人工成本'
    },
    subtitle: {
        text: '数据来源：<a href="http://ec.europa.eu/eurostat/web/' +
        'labour-market/labour-costs/main-tables">eurostat</a>'
    },
    xAxis: {
        type: 'category',
        title: {
            text: '* 柱子宽度与 GDP 成正比'
        }
    },
    legend: {
        enabled: false
    },
    series: [{
        name: '人工成本',
        data: [
            ['挪威', 50.2, 335504],
            ['丹麦', 42, 277339],
            ['比利时', 39.2, 421611],
            ['瑞典', 38, 462057],
            ['法国', 35.6, 2228857],
            ['荷兰', 34.3, 702641],
            ['芬兰', 33.2, 215615],
            ['德国', 33.0, 3144050],
            ['奥地利', 32.7, 349344],
            ['爱尔兰', 30.4, 275567],
            ['意大利', 27.8, 1672438],
            ['英国', 26.7, 2366911],
            ['西班牙', 21.3, 1113851],
            ['希腊', 14.2, 175887],
            ['葡萄牙', 13.7, 184933],
            ['捷克共和国', 10.2, 176564],
            ['波兰', 8.6, 424269],
            ['罗马尼亚', 5.5, 169578]
        ],
        dataLabels: {
            enabled: true,
            format: '€{point.y:.0f}'
        },
        tooltip: {
            pointFormat: '人工成本： <b>€ {point.y}/h</b><br>' +
            'GDP: <b>€ {point.z} 百万</b><br>'
        },
        colorByPoint: true
    }]
});

<div id="container"></div>

{"doctype":0,"resouces":"3,7,70","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","meta":""}

柱状图可变宽度 | JShare

模板（查看所有模板）