代码信息

保存到分组
外部资源
$[libs.length]
暂无
- $[lib.showName]
添加新的资源

$[newLibMessage]

更多文件见开放CDN服务
快捷键
快捷键风格同 Sublime，同时支持 Emmet 特性，常用快捷键：

全局快捷键
- Ctrl + Enter：运行
- Ctrl + ←/→：折叠左侧菜单
- Ctrl + O：打开添加常用资源
- Ctrl + Z：撤销所有编辑器
- Ctrl + U：恢复所有编辑器
- F11：最大化运行结果
- ESC：关闭添加常用资源
编辑器快捷键
- Ctrl + Enter：运行
- Ctrl + /：注释代码
- Ctrl + H：格式化代码
- Ctrl + Z：撤销
- Ctrl + Y：恢复
- Tab：快捷生成代码
- Ctrl + L：选中当前行
- Ctrl + Q：折叠当前代码
- F11：最大化当前编辑器
关于

JShare 是一个在线代码测试、托管、分享的工具；

当前版本 $[base.version]，这里有更新日志；

使用前请查阅帮助文档及说明；

Copyright © 2020 JShare，由简数科技提供服务，浙ICP备16004892号-3

柱状图可变宽度 | 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>

{"resource":"3,7,70","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","code":{"code":"REhsq3","name":"柱状图可变宽度","version":0,"doctype":0,"description":"","meta":"","newGroup":8,"group":{"id":8,"name":"demos","code":"demos"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

柱状图可变宽度 | JShare

模板（查看所有模板）

外部资源
$[libs.length]