代码信息

保存到分组
外部资源
$[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 系利软件产品矩阵 | JShare

Highcharts.chart('container', {
	chart: {
		height: 600,
		inverted: true
	},
	title: {
		text: null
	},
	series: [{
		type: 'organization',
		name: 'Highsoft',
		keys: ['from', 'to'],
		data: [
			['HS', 'HC'],
			['HS', 'HStck'],
			['HS', 'HMaps'],
			['HS', 'Gantt'],
			['HS', 'Others'],
			['Others', 'Mobile'],
			['Others', 'HCCloud'],
			['Others', 'Editor'],
			['Others', 'Wrappers'],
			['Others', 'Plugins'],
			['Mobile', 'iOS'],
			['Mobile', 'Android'],
			['Wrappers', '.Net'],
			['Wrappers', 'Angular'],
			['Wrappers', 'React'],
			['Wrappers', 'Vue'],
		],
		levels: [{
			level: 0,
			color: '#AFE5F4',
			dataLabels: {
				color: 'black'
			},
			height: 25
		}, {
			level: 1,
			color: 'silver',
			dataLabels: {
				color: 'black'
			},
			height: 25
		}, {
			level: 2,
			color: 'silver',
			dataLabels: {
				color: 'black'
			},
			height: 25
		}, {
			level: 4,
			color: 'silver',
			dataLabels: {
				color: 'black'
			},
			height: 25
		}, {
			level: 5,
			color: 'silver',
			dataLabels: {
				color: 'black'
			},
			height: 25
		}],
		nodes: [{
			id: 'HS',
			title: null,
			name: 'Highcharts 系列产品',
		}, {
			id: 'HC',
			title: null,
			name: 'Highcharts',
			color: '#74C88C',
			image: null,
			description: '<a href="https://www.highcharts.com.cn/demo/highcharts"  target="_blank">例子</a> <br/><a href="https://api.highcharts.com/highcharts/"  target="_blank">API 文档</a>',
		}, {
			id: 'HStck',
			title: null,
			name: 'Highstock',
			color: '#518CC8',
			description: '<a href="https://www.highcharts.com.cn/demo/highstock"  target="_blank">例子</a> <br/><a href="https://api.highcharts.com/highstock/"  target="_blank">API 文档</a>',
			image: null,
		}, {
			id: 'HMaps',
			useHTML: true,
			color: '#F49952',
			title: null,
			name: 'Highmaps',
			description: '<a href="https://www.highcharts.com.cn/demo/highmaps"  target="_blank">例子</a> <br/><a href="https://api.highcharts.com/highmaps/"  target="_blank">API 文档</a>',
			image: null
		}, {
			id: 'Gantt',
			useHTML: true,
			color: '#DEDEEB',
			title: null,
			name: '甘特图',
			description: '<a href="https://www.highcharts.com.cn/demo/gantt"  target="_blank">Demos</a> <br/><a href="https://api.highcharts.com/gantt/?_ga=2.89761499.15679887.1557680985-1141631896.1538053723"  target="_blank">API</a>',
			image: null
		}, {
			id: 'Others',
			title: null,
			name: "其他",
			color: "#BEF4AF"
		}, {
			id: 'Mobile',
			title: null,
			name: '移动端扩展包',
			color: "#F4BEAF",
			image: null,
		}, {
			id: 'iOS',
			title: null,
			name: 'iOS',
			color: "#F4BEAF",
			description: '<a href="https://www.highcharts.com/ios/demo"  target="_blank">Demos</a> <br/><a href="https://api.highcharts.com/ios/highcharts/"  target="_blank">API</a>',
		}, {
			id: 'Android',
			title: null,
			name: 'Android',
			color: '#F4BEAF',
			description: '<a href="https://www.highcharts.com/android/demo"  target="_blank">Demos</a> <br/><a href="https://api.highcharts.com/android/highcharts/"  target="_blank">API</a>',
		}, {
			id: 'HCCloud',
			name: '<a href="https://cloud.highcharts.com/" target="_blank">Highcharts cloud</a>',
			color: '#F4E0AF',
			useHTML: true,
			description: '<a href="https://cloud.highcharts.com/docs/#/"  target="_blank">Documentation</a>',
		}, {
			id: 'Editor',
			name: '编辑器',
			color: '#E6F4AF',
			useHTML: true,
			description: '<a href="http://editor.highcharts.com/?_ga=2.80855383.15679887.1557680985-1141631896.1538053723" target="_blank">Demo</a><br/><a href="https://github.com/highcharts/highcharts-editor/wiki"  target="_blank">Documentation</a>',
		}, {
			id: 'Wrappers',
			title: null,
			name: '扩展包',
			color: "#AFE5F4",
			image: null
		}, {
			id: '.Net',
			name: '',
			color: '#AFE5F4',
			useHTML: true,
			description: '<a href="http://dotnet.highcharts.com/Highcharts/Demo?_ga=2.115051847.15679887.1557680985-1141631896.1538053723" target="_blank">Demo</a><br/><a href="http://dotnet.highcharts.com/Help/Highcharts/html/index.html?_ga=2.115051847.15679887.1557680985-1141631896.1538053723"  target="_blank">Documentation</a>',
		}, {
			id: 'Angular',
			name: 'Angular',
			color: '#AFE5F4',
			useHTML: true,
			description: '<a href="https://www.npmjs.com/package/highcharts-angular" target="_blank">Doc & Demo</a>',
		}, {
			id: 'React',
			name: 'React',
			color: '#AFE5F4',
			useHTML: true,
			description: '<a href="https://www.npmjs.com/package/highcharts-react-official" target="_blank">Doc & Demo</a>',
		}, {
			id: 'Vue',
			name: 'Vue',
			color: '#AFE5F4',
			useHTML: true,
			description: '<a href="https://www.npmjs.com/package/highcharts-vue" target="_blank">Doc & Demo</a>',
		}, {
			id: 'Plugins',
			name: '插件',
			color: '#C2AFF4',
			useHTML: true,
			description: '<a href="https://www.highcharts.com/plugin-registry/" target="_blank">插件仓库</a>',
		}],
		colorByPoint: false,
		color: '#007ad0',
		dataLabels: {
			color: 'white'
		},
		borderColor: 'white',
		nodeWidth: 65
	}],
	tooltip: {
		enabled: false
	},
	exporting: {
		allowHTML: true,
		sourceWidth: 800,
		sourceHeight: 600
	}
});

<div id="container"></div>
<script src="https://code.hcharts.cn/highcharts/highcharts.js"></script>
<script src="https://code.hcharts.cn/highcharts/modules/exporting.js"></script>
<script src="https://code.hcharts.cn/highcharts/modules/sankey.js"></script>
<script src="https://code.hcharts.cn/highcharts/modules/organization.js"></script>

#container {
	min-width: 300px;
	max-width: 800px;
	margin: 1em auto;
}

{"resource":null,"options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","code":{"code":"HCS7ar","name":"Highcharts 系利软件产品矩阵","version":0,"doctype":0,"description":"","meta":"","newGroup":1940,"group":{"id":1940,"name":"简数 Vip","code":"jianshu"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

Highcharts 系利软件产品矩阵 | JShare

模板（查看所有模板）

外部资源
$[libs.length]