代码信息

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

3D 面积图 | JShare

Highcharts.chart('container', {
	chart: {
		type: 'area',
		options3d: {
			enabled: true,
			alpha: 15,
			beta: 30,
			depth: 200
		}
	},
	title: {
		text: "Visual comparison of Mountains Panorama"
	},
	yAxis: {
		title: {
			text: 'Height Above Sea Level',
			x: -40
		},
		labels: {
			format: '{value:,.0f} MAMSL'
		},
		gridLineDashStyle: 'Dash'
	},
	xAxis: [{
		visible: false
	}, {
		visible: false
	}, {
		visible: false
	}],
	plotOptions: {
		area: {
			depth: 100,
			marker: {
				enabled: false
			},
			states: {
				inactive: {
					enabled: false
				}
			}
		}
	},
	tooltip: {
		valueSuffix: ' MAMSL'
	},
	series: [{
		name: "Tatra Mountains visible from Rusinowa polana",
		lineColor: 'rgb(180,90,50)',
		color: 'rgb(200,110,50)',
		fillColor: 'rgb(200,110,50)',
		data: [
			['Murań', 1890],
			['Nowy Wierch', 2009],
			['Hawrań', 2152],
			['Płaczliwa Skała', 2142],
			['Szalony Wierch', 2061],
			['Karczmarski Wierch', 1438],
			['Jagnięcy Szczyt', 2230],
			['Czerwona Turnia', 2284],
			['Kołowy Szczyt', 2418],
			['Czarny Szczyt', 2429],
			['Baranie Rogi', 2526],
			['Śnieżny Szczyt', 2465],
			['Lodowy Szczyt', 2627],
			['Lodowa Kopa', 2602],
			['Szeroka Jaworzyńska', 2210],
			['Horwacki Wierch', 1902],
			['Spismichałowa Czuba', 2012],
			['Zielona Czuba', 2130],
			['Wielicki Szczyt', 2318],
			['Gerlach', 2655],
			['Batyżowiecki Szczyt', 2448],
			['Kaczy Szczyt', 2395],
			['Zmarzły Szczyt', 2390],
			['Kończysta', 2538],
			['Młynarz', 2170],
			['Ganek', 2462],
			['Wysoka', 2547],
			['Ciężki Szczyt', 2520],
			['Rysy', 2503],
			['Żabi Mnich', 2146],
			['Żabi Koń', 2291],
			['Żabia Turnia Mięguszowiecka', 2335],
			['Wołowa Turnia', 2373]
		]
	}, {
		xAxis: 1,
		lineColor: 'rgb(120,160,180)',
		color: 'rgb(140,180,200)',
		fillColor: 'rgb(140,180,200)',
		name: "Dachstein panorama seen from Krippenstein",
		data: [
			['Kufstein', 2049],
			['Hohe Wildstelle', 2746],
			['Kleiner Miesberg', 2173],
			['Großer Miesberg', 2202],
			['Hochstein', 2543],
			['Lackner Miesberg', 2232],
			['Wasenspitze', 2257],
			['Sinabell', 2349],
			['Feister Scharte', 2198],
			['Eselstein', 2556],
			['Landfriedstein', 2536],
			['Scheichenspitz', 2667],
			['Schmiedstock', 2634],
			['Gamsfeldspitze', 2611],
			['Edelgriess', 2305],
			['Koppenkarstein', 2863],
			['Niederer Gjaidstein', 2483],
			['Hoher Gjaidstein', 2794],
			['Hoher Dachstein', 2995],
			['Niederer Dachstein', 2934],
			['Hohes Kreuz', 2837],
			['Hoher Ochsenkogel', 2513]
		]
	}, {
		xAxis: 2,
		lineColor: 'rgb(200, 190, 140)',
		color: 'rgb(200, 190, 140)',
		fillColor: 'rgb(230, 220, 180)',
		name: "Panorama from Col Des Mines",
		data: [
			['Combin de la Tsessette', 4141],
			['Grand Combin de Grafeneire', 4314],
			['Combin de Corbassière', 3716],
			['Petit Combin', 3672],
			['Pointe de Boveire', 3212],
			['Grand Aget', 3133],
			['Mont Rogneux', 3084],
			['Dents du Grand Lé', 2884],
			['Monts Telliers', 2951],
			['Grand Golliat', 3238],
			['Mont Grande Rochère', 3326],
			['Mont de la Fouly', 2871],
			['Tête de la Payanne', 2452],
			['Pointe Allobrogia', 3172],
			['Six Blanc', 2334],
			['Mont Dolent', 3820],
			['Aiguille de Triolet', 3870],
			['Le Tour Noir', 3836],
			["Aiguille de l'A Neuve", 3753],
			["Aiguille d'Argentière", 3900],
			["Aiguille du Chardonnet", 3824],
			["Aiguille du Tour", 3540],
			["Aiguille du Pissoir", 3440],
			["Le Catogne", 2598],
			["Pointe de Prosom", 2762],
			["Pointe Ronde", 2700],
			["Mont Buet", 3096],
			["Le Cheval Blanc", 2831],
			["Pointe de la Finive", 2838],
			["Pic de Tenneverge", 2985],
			["Pointe d'Aboillon", 2819],
			["Tour Sallière", 3220],
			["Le Dôme", 3138],
			["Haute Cime", 3257],
			["Pierre Avoi", 2473],
			["Cime de l'Est", 3178]
		]
	}]
});

<div id="container"></div>

#container {
	height: 400px; 
	min-width: 310px; 
	max-width: 800px;
	margin: 0 auto;
}

{"resource":"3,6,7","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","code":{"code":"p0G3y1","name":"3D  面积图","version":0,"doctype":0,"description":null,"meta":null,"newGroup":5,"group":{"id":5,"name":"Highcharts","code":"highcharts"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

3D 面积图 | JShare

模板（查看所有模板）

外部资源
$[libs.length]