代码信息

保存到分组
外部资源
$[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

Highcharts with scro | JShare

main key : 1. use highstock.js instead of highcharts.js 2. set scrollbar.enabled = true 3. set xAxis.min and xAxis.max (xAxix.max is required)

$(function () {
    $('#container').highcharts({
        chart: {
            panning: true
        },
        title: {
            text: 'Monthly Average Temperature',
            x: -20 
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ["4.0", "4.1", "4.2", "4.3", "4.4", "4.5", "4.6", "4.7", "4.8", "4.9", "4.10", "4.11", "4.12", "4.13", "4.14", "4.15", "4.16", "4.17", "4.18", "4.19", "4.20", "4.21", "4.22", "4.23", "4.24", "4.25", "4.26", "4.27", "4.28", "4.29", "4.30", "4.31", "4.32", "4.33", "4.34", "4.35", "4.36", "4.37", "4.38", "4.39", "4.40", "4.41", "4.42", "4.43", "4.44", "4.45", "4.46", "4.47", "4.48", "4.49", "4.50", "4.51", "4.52", "4.53", "4.54", "4.55", "4.56", "4.57", "4.58", "4.59", "4.60", "4.61", "4.62", "4.63", "4.64", "4.65", "4.66", "4.67", "4.68", "4.69", "4.70", "4.71", "4.72", "4.73", "4.74", "4.75", "4.76", "4.77", "4.78", "4.79", "4.80", "4.81", "4.82", "4.83", "4.84", "4.85", "4.86", "4.87", "4.88", "4.89", "4.90", "4.91", "4.92", "4.93", "4.94", "4.95", "4.96", "4.97", "4.98", "4.99"],
            min:0,
            max:40
        },
        scrollbar : {
            enabled:true
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C',
            followTouchMove: false
        },
        legend: {
            enabled: false
        },
        series: [{
            name: 'Tokyo',
            data: [876, 331, 101, null, 974, 215, 915, 653, 949, 789, 400, 271, 529, 484, 881, 353, 269, 253, 10, 801, 965, 967, 885, 625, 811, 804, 823, 827, 333, 64, 481, 363, 16, 191, 971, 26, 911, 277, 621, 68, 142, 352, 451, 651, 439, 426, 112, 574, 225, 852, 906, 407, 381, 614, 180, 270, 91, 861, 961, 209, 694, 801, 760, 376, 792, 712, 764, 882, 332, 625, 502, 710, 802, 137, 329, 560, 428, 146, 498, 182, 288, 308, 865, 35, 369, 322, 238, 279, 750, 635, 601, 919, 727, 93, 50, 224, 234, 74, 767, 111]
        }, {
            name: 'New York',
            data: [207, 989, 170, null, 98, 804, 783, 945, 40, 1666, 1549, 257, 970, 25, 1752, 203, 1396, 793, 1782, 1676, 1329, 1524, 1225, 1497, 942, 783, 835, 1159, 1130, 1983, 310, 155, 1996, 1261, 1509, 823, 1178, 38, 913, 749, 918, 514, 1408, 147, 1567, 959, 774, 497, 1411, 545, 1673, 11, 1897, 266, 1814, 958, 851, 1822, 1715, 213, 1621, 1622, 1359, 701, 689, 64, 742, 1365, 436, 1777, 176, 646, 1372, 622, 229, 387, 619, 449, 1301, 931, 1185, 1212, 91, 1969, 1814, 1651, 273, 769, 1316, 1914, 14, 1032, 1892, 289, 2, 558, 1811, 137, 651, 226]
        }]
    });
});

<div id="container" style="min-width:200px;height:400px"></div>

{"resource":"1,3","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":0}}","code":{"code":"hhhGTX","name":"Highcharts with scro","version":0,"doctype":0,"description":"main key :  \r\n1. use highstock.js instead of highcharts.js\r\n2. set scrollbar.enabled = true\r\n3. set xAxis.min and xAxis.max (xAxix.max is required)","meta":"","newGroup":11,"group":{"id":11,"name":"hcharts","code":"hcharts.cn"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

Highcharts with scro | JShare

main key : 1. use highstock.js instead of highcharts.js 2. set scrollbar.enabled = true 3. set xAxis.min and xAxis.max (xAxix.max is required)

模板（查看所有模板）

外部资源
$[libs.length]