代码信息

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

column hack by linearGradient.

// Loop over the chart colors and make them gradients from white
var colors = Highcharts.getOptions().colors;
$.each(colors, function(i, color) {
    console.log(color);
    colors[i] = {
        linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },
        stops: [
            [0, color],
            [0.3, 'white'],
            [1, color]
        ]
    };
});
// Create the chart
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'column'
    },
    title: {
        text: '横向渐变色柱图'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
    },
    plotOptions:{
        column:{
            colorByPoint:true
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
    }]
});

<div id="container" style="height: 400px"></div>

{"resource":"1,3","options":null,"code":{"code":"hhhhQx","name":"柱图颜色渐变","version":1,"doctype":0,"description":"column hack by linearGradient.","meta":null,"newGroup":11,"group":{"id":11,"name":"hcharts","code":"hcharts.cn"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

柱图颜色渐变 | JShare

column hack by linearGradient.

模板（查看所有模板）

外部资源
$[libs.length]