代码信息

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

// Set to 00:00:00:000 today
var today = new Date(),
	day = 1000 * 60 * 60 * 24,
	map = Highcharts.map,
	dateFormat = Highcharts.dateFormat,
	series,
	cars;
// Set to 00:00:00:000 today
today.setUTCHours(0);
today.setUTCMinutes(0);
today.setUTCSeconds(0);
today.setUTCMilliseconds(0);
today = today.getTime();
cars = [{
	model: 'Nissan Leaf',
	current: 0,
	deals: [{
		rentedTo: 'Lisa Star',
		from: today - 1 * day,
		to: today + 2 * day
	}, {
		rentedTo: 'Shane Long',
		from: today - 3 * day,
		to: today - 2 * day
	}, {
		rentedTo: 'Jack Coleman',
		from: today + 5 * day,
		to: today + 6 * day
	}]
}, {
	model: 'Jaguar E-type',
	current: 0,
	deals: [{
		rentedTo: 'Martin Hammond',
		from: today - 2 * day,
		to: today + 1 * day
	}, {
		rentedTo: 'Linda Jackson',
		from: today - 2 * day,
		to: today + 1 * day
	}, {
		rentedTo: 'Robert Sailor',
		from: today + 2 * day,
		to: today + 6 * day
	}]
}, {
	model: 'Volvo V60',
	current: 0,
	deals: [{
		rentedTo: 'Mona Ricci',
		from: today + 0 * day,
		to: today + 3 * day
	}, {
		rentedTo: 'Jane Dockerman',
		from: today + 3 * day,
		to: today + 4 * day
	}, {
		rentedTo: 'Bob Shurro',
		from: today + 6 * day,
		to: today + 8 * day
	}]
}, {
	model: 'Volkswagen Golf',
	current: 0,
	deals: [{
		rentedTo: 'Hailie Marshall',
		from: today - 1 * day,
		to: today + 1 * day
	}, {
		rentedTo: 'Morgan Nicholson',
		from: today - 3 * day,
		to: today - 2 * day
	}, {
		rentedTo: 'William Harriet',
		from: today + 2 * day,
		to: today + 3 * day
	}]
}, {
	model: 'Peugeot 208',
	current: 0,
	deals: [{
		rentedTo: 'Harry Peterson',
		from: today - 1 * day,
		to: today + 2 * day
	}, {
		rentedTo: 'Emma Wilson',
		from: today + 3 * day,
		to: today + 4 * day
	}, {
		rentedTo: 'Ron Donald',
		from: today + 5 * day,
		to: today + 6 * day
	}]
}];
// Parse car data into series.
series = cars.map(function (car, i) {
	var data = car.deals.map(function (deal) {
		return {
			id: 'deal-' + i,
			rentedTo: deal.rentedTo,
			start: deal.from,
			end: deal.to,
			y: i
		};
	});
	return {
		name: car.model,
		data: data,
		current: car.deals[car.current]
	};
});
Highcharts.ganttChart('container', {
	series: series,
	title: {
		text: 'Car Rental Schedule'
	},
	tooltip: {
		pointFormat: '<span>Rented To: {point.rentedTo}</span><br/><span>From: {point.start:%e. %b}</span><br/><span>To: {point.end:%e. %b}</span>'
	},
	xAxis: {
		currentDateIndicator: true
	},
	yAxis: {
		type: 'category',
		grid: {
			columns: [{
				title: {
					text: 'Model'
				},
				categories: map(series, function (s) {
					return s.name;
				})
			}, {
				title: {
					text: 'Rented To'
				},
				categories: map(series, function (s) {
					return s.current.rentedTo;
				})
			}, {
				title: {
					text: 'From'
				},
				categories: map(series, function (s) {
					return dateFormat('%e. %b', s.current.from);
				})
			}, {
				title: {
					text: 'To'
				},
				categories: map(series, function (s) {
					return dateFormat('%e. %b', s.current.to);
				})
			}]
		}
	}
});

<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":"107,7","options":"{\"editor\":{\"saveLayout\":true,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":\"2\",\"layoutOptions\":\"{\\\"0\\\":{\\\"1\\\":\\\"0\\\",\\\"2\\\":\\\"0\\\",\\\"3\\\":\\\"1\\\",\\\"t\\\":\\\"0\\\",\\\"p\\\":\\\"1\\\",\\\"blockedPopoutsThrowError\\\":\\\"0\\\",\\\"closePopoutsOnUnload\\\":\\\"0\\\",\\\"showPopoutIcon\\\":\\\"1\\\",\\\"showMaximiseIcon\\\":\\\"0\\\",\\\"showCloseIcon\\\":\\\"1\\\",\\\"responsiveMode\\\":\\\"onload\\\",\\\"tabOverlapAllowance\\\":0,\\\"reorderOnTabMenuClick\\\":\\\"0\\\",\\\"tabControlOffset\\\":10},\\\"4\\\":{\\\"5\\\":2,\\\"6\\\":100,\\\"7\\\":300,\\\"8\\\":24,\\\"9\\\":300,\\\"u\\\":15,\\\"a\\\":200},\\\"b\\\":{\\\"c\\\":\\\"6\\\",\\\"d\\\":\\\"最大化\\\",\\\"e\\\":\\\"恢复大小\\\",\\\"f\\\":\\\"9\\\",\\\"popin\\\":\\\"pop in\\\",\\\"tabDropdown\\\":\\\"additional tabs\\\"},\\\"g\\\":[{\\\"l\\\":\\\"2\\\",\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\",\\\"o\\\":\\\"\\\",\\\"g\\\":[{\\\"l\\\":\\\"3\\\",\\\"m\\\":50,\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\",\\\"o\\\":\\\"\\\",\\\"k\\\":50,\\\"g\\\":[{\\\"l\\\":\\\"4\\\",\\\"m\\\":12.04954954954955,\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\",\\\"o\\\":\\\"\\\",\\\"s\\\":0,\\\"g\\\":[{\\\"l\\\":\\\"5\\\",\\\"o\\\":\\\"HTML\\\",\\\"h\\\":\\\"editor\\\",\\\"i\\\":{\\\"name\\\":\\\"html\\\"},\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\"}]},{\\\"l\\\":\\\"4\\\",\\\"m\\\":76.01351351351352,\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\",\\\"o\\\":\\\"\\\",\\\"s\\\":0,\\\"g\\\":[{\\\"l\\\":\\\"5\\\",\\\"h\\\":\\\"editor\\\",\\\"o\\\":\\\"JavaScript\\\",\\\"i\\\":{\\\"name\\\":\\\"javascript\\\"},\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\"}]},{\\\"l\\\":\\\"4\\\",\\\"m\\\":11.936936936936938,\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\",\\\"o\\\":\\\"\\\",\\\"s\\\":0,\\\"g\\\":[{\\\"l\\\":\\\"5\\\",\\\"h\\\":\\\"editor\\\",\\\"o\\\":\\\"CSS\\\",\\\"i\\\":{\\\"name\\\":\\\"css\\\"},\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\"}]}]},{\\\"l\\\":\\\"2\\\",\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\",\\\"o\\\":\\\"\\\",\\\"k\\\":50,\\\"g\\\":[{\\\"l\\\":\\\"4\\\",\\\"k\\\":100,\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\",\\\"o\\\":\\\"\\\",\\\"s\\\":0,\\\"g\\\":[{\\\"l\\\":\\\"5\\\",\\\"h\\\":\\\"editor\\\",\\\"o\\\":\\\"Result\\\",\\\"i\\\":{\\\"name\\\":\\\"result\\\"},\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\"}]}]}]}],\\\"n\\\":\\\"0\\\",\\\"t\\\":\\\"0\\\",\\\"o\\\":\\\"\\\",\\\"q\\\":[],\\\"maximisedItemId\\\":{}}\"}}","code":{"code":"YUSxLn","name":"资源管理","version":0,"doctype":0,"description":"","meta":"","newGroup":2526,"group":{"id":2526,"name":"甘特图","code":"gantt"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

资源管理 | JShare

模板（查看所有模板）

外部资源
$[libs.length]