代码信息

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

var chart = Highcharts.chart('container', {
		chart: {
				type: 'gauge',
				alignTicks: false,
				plotBackgroundColor: null,
				plotBackgroundImage: null,
				plotBorderWidth: 0,
				plotShadow: false
		},
		title: {
				text: '双刻度仪表图'
		},
		pane: {
				startAngle: -150,
				endAngle: 150
		},
		yAxis: [{
				min: 0,
				max: 200,
				lineColor: '#339',
				tickColor: '#339',
				minorTickColor: '#339',
				offset: -25,
				lineWidth: 2,
				labels: {
						distance: -20,
						rotation: 'auto'
				},
				tickLength: 5,
				minorTickLength: 5,
				endOnTick: false
		}, {
				min: 0,
				max: 124,
				tickPosition: 'outside',
				lineColor: '#933',
				lineWidth: 2,
				minorTickPosition: 'outside',
				tickColor: '#933',
				minorTickColor: '#933',
				tickLength: 5,
				minorTickLength: 5,
				labels: {
						distance: 12,
						rotation: 'auto'
				},
				offset: -20,
				endOnTick: false
		}],
		series: [{
				name: '速度',
				data: [80],
				dataLabels: {
						formatter: function () {
								var kmh = this.y,
										mph = Math.round(kmh * 0.621);
								return '<span style="color:#339">' + kmh + ' km/h</span><br/>' +
										'<span style="color:#933">' + mph + ' mph</span>';
						},
						backgroundColor: {
								linearGradient: {
										x1: 0,
										y1: 0,
										x2: 0,
										y2: 1
								},
								stops: [
										[0, '#DDD'],
										[1, '#FFF']
								]
						}
				},
				tooltip: {
						valueSuffix: ' km/h'
				}
		}]
},function (chart) {
		setInterval(function () {
				var point = chart.series[0].points[0],
						newVal,
						inc = Math.round((Math.random() - 0.5) * 20);
				newVal = point.y + inc;
				if (newVal < 0 || newVal > 200) {
						newVal = point.y - inc;
				}
				point.update(newVal);
		}, 3000);
});

<div id="container" style="min-width: 310px; max-width: 400px; height: 300px; margin: 0 auto"></div>

{"resource":"3,5,7,https://code.hcharts.cn/plugins/zh_cn.js","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","code":{"code":"hhhhi8","name":"双刻度仪表图","version":0,"doctype":0,"description":"","meta":"<link rel=\"icon\" href=\"https://jscdn.com.cn/highcharts/images/favicon.ico\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">","newGroup":8,"group":{"id":8,"name":"demos","code":"demos"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

双刻度仪表图 | JShare

模板（查看所有模板）

外部资源
$[libs.length]