代码信息

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

Left axis as a table | JShare

Created by Lars Cabrera

Highcharts.ganttChart('container', {
	title: {
		text: 'Left Axis as Table'
	},
	xAxis: [{
		tickPixelInterval: 70,
		labels: {
			formatter: function() {
				let date = new Date(this.value),
					day = date.getUTCDay();
				return ['七', '一', '二', '三', '四', '五', '六'][day];
			}
		}
	},{
		labels: {
			format: '{value: %Y-%m}'
		}
	}],
	yAxis: {
		type: 'category',
		grid: {
			enabled: true,
			borderColor: 'rgba(0,0,0,0.3)',
			borderWidth: 1,
			columns: [{
				title: {
					text: 'Project'
				},
				labels: {
					format: '{point.name}'
				}
			}, {
				title: {
					text: 'Assignee'
				},
				labels: {
					format: '{point.assignee}'
				}
			}, {
				title: {
					text: 'Est. days'
				},
				labels: {
					formatter: function () {
						var point = this.point,
							days = (1000 * 60 * 60 * 24),
							number = (point.x2 - point.x) / days;
						return Math.round(number * 100) / 100;
					}
				}
			}, {
				labels: {
					format: '{point.start:%e. %b}'
				},
				title: {
					text: 'Start date'
				}
			}, {
				title: {
					text: 'End date'
				},
				offset: 30,
				labels: {
					format: '{point.end:%e. %b}'
				}
			}]
		}
	},
	tooltip: {
		xDateFormat: '%e %b %Y, %H:%M'
	},
	series: [{
		name: 'Project 1',
		data: [{
			start: Date.UTC(2017, 10, 18, 8),
			end: Date.UTC(2017, 10, 25, 16),
			name: 'Start prototype',
			assignee: 'Richards',
			y: 0
		}, {
			start: Date.UTC(2017, 10, 20, 8),
			end: Date.UTC(2017, 10, 24, 16),
			name: 'Develop',
			assignee: 'Michaels',
			y: 1
		}, {
			start: Date.UTC(2017, 10, 25, 16),
			end: Date.UTC(2017, 10, 25, 16),
			name: 'Prototype done',
			assignee: 'Richards',
			y: 2
		}, {
			start: Date.UTC(2017, 10, 27, 8),
			end: Date.UTC(2017, 11, 3, 16),
			name: 'Test prototype',
			assignee: 'Richards',
			y: 3
		}, {
			start: Date.UTC(2017, 10, 23, 8),
			end: Date.UTC(2017, 11, 15, 16),
			name: 'Run acceptance tests',
			assignee: 'Halliburton',
			y: 4
		}]
	}],
	exporting: {
		sourceWidth: 1000
	}
});

<script src="https://code.hcharts.cn/gantt/highcharts-gantt.js"></script>
<script src="https://code.hcharts.cn/gantt/modules/exporting.js"></script>
<div class="scrolling-container">
	<div id="container"></div>
</div>

#container {
	max-width: 1200px;
	min-width: 800px;
	height: 400px;
	margin: 1em auto;
}
.scrolling-container {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

{"resource":null,"options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","code":{"code":"Z0Glma","name":"Left axis as a table","version":0,"doctype":0,"description":"Created by Lars Cabrera","meta":null,"newGroup":2207,"group":{"id":2207,"name":"公共分组","code":"public"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

Left axis as a table | JShare

Created by Lars Cabrera

模板（查看所有模板）

外部资源
$[libs.length]