代码信息

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

Highcharts.seriesTypes.pie.prototype.animate = function(init) {
	var series = this,
		points = series.points,
		startAngleRad = series.startAngleRad,
		len = points.length,
		anim = Highcharts.pick(series.options.animation && series.options.animation.duration, 1000),
		step = anim / len;
	if (!init) {
		Highcharts.each(points, function(point, index) {
			var graphic = point.graphic,
				args = point.shapeArgs;
			if (graphic) {
				// start values
				graphic.attr({
					innerR: 0.1,
					r: 0.1, // animate from inner radius (#779)
					start: args.start,
					end: args.end
				});
				// animate
				setTimeout(function() {
					graphic.animate({
						innerR: (series.center[3] / 2) || 0,
						r: args.r,
						start: args.start,
						end: args.end
					}, series.options.animation);
				}, index * step);
			}
		});
		// delete this function to allow it only once
		series.animate = null;
	}
};
var colors = Highcharts.getOptions().colors,
	data = [{
		y: 13.33,
		color: colors[0],
		drilldown: {
			data: [12],
			color: colors[0]
		}
	}, {
		y: 10.38,
		color: colors[1],
		drilldown: {
			data: [6.3],
			color: colors[1]
		}
	}, {
		y: 24.03,
		color: colors[2],
		drilldown: {
			data: [12],
			color: colors[2]
		}
	}, {
		y: 4.77,
		color: colors[3],
		drilldown: {
			data: [2],
			color: colors[3]
		}
	}],
	browserData = [],
	versionsData = [],
	i,
	j,
	dataLen = data.length,
	drillDataLen,
	brightness;
// Build the data arrays
for (i = 0; i < dataLen; i += 1) {
	// add browser data
	browserData.push({
		y: data[i].y,
		color: data[i].color
	});
	// add version data
	drillDataLen = data[i].drilldown.data.length;
	for (j = 0; j < drillDataLen; j += 1) {
		brightness = 0.2 - (j / drillDataLen) / 5;
		versionsData.push({
			y: data[i].drilldown.data[j],
			color: Highcharts.Color(data[i].color).brighten(brightness).get()
		});
	}
}
// Create the chart
var chart = Highcharts.chart('container', {
	chart: {
		type: 'pie'
	},
	title: {
		text: 'Browser market share, January, 2015 to May, 2015'
	},
	subtitle: {
		text: 'Source: <a href="http://netmarketshare.com/">netmarketshare.com</a>'
	},
	yAxis: {
		title: {
			text: 'Total percent market share'
		}
	},
	plotOptions: {
		pie: {
			animation: {
				duration: 2000
			},
			dataLabels: {
				enabled: false
			},
			shadow: false,
			center: ['50%', '50%']
		}
	},
	tooltip: {
		valueSuffix: '%'
	},
	series: [{
		name: 'Inner',
		data: browserData,
		size: '40%'
	}, {
		name: 'Outer',
		data: versionsData,
		size: '80%',
		innerSize: '60%'
	}]
});

<div id="container" style="width: 600px; height: 400px; margin: 0 auto"></div>

{"resource":"3,7,63","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","code":{"code":"ZdhWbx","name":"自定义饼图动画","version":0,"doctype":0,"description":"","meta":"","newGroup":441,"group":{"id":441,"name":"默认分组","code":"jianshukeji"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

自定义饼图动画 | JShare

模板（查看所有模板）

外部资源
$[libs.length]