代码信息

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

通过数据点的 name 指定类别 | JShare

通过数据点的 name 指定类别，加入了滚动条，X轴超过51个类别就会显示错误。

$(function() {
		var chart = {
				type: 'column',
				panning: true
		};
		var title = {
				text: '人天统计' };
		var subtitle = {
				text: '部门人员总人天',style: {
						color: '#ff0000',
						fontWeight:'bold'} };
		var xAxis = {        
				max:10,
				min:0,        
				type: 'category',
				lables:{
						step:1
				},
				scrollbar: {
						enabled: true
				},
				//labels: {
				//    rotation: -45,
				//    style: {
				//        fontSize: '13px',
				//        fontFamily: 'Verdana, sans-serif'
				//    }
				//},
				title: {         
						text: '人员姓名'     
				}
		};
		var yAxis = {
				min: 0,
				title: {         text: '人天（天）'    },
				lables:{
						step:1
				},
		};
		var plotOptions = {
				column: {          
						colorByPoint: true,        
						depth: 50,
						stacking: null,	
						cropThreshold: 10000,
						dataLabels: {
								enabled: true,
								format: '<b>{point.y}</b>',
						},
				}
		};
		var series = [{type:'column',name:'总人天',     
									 data:[
											 ['丘冠润',   280.01],
											 ['范娜',   54.69],
											 ['朱玲瑶',   63.41],
											 ['范绍龙',   969.92],
											 ['喻飞',   194.1],
											 ['陈攀',   9.74],
											 ['廖旭东',   188.97],
											 ['唐博',   371.77],
											 ['邓磊',   398.51],
											 ['李根',   209.52],
											 ['钟辉平',   262.04],
											 ['王晨',   15],
											 ['葛宏洲',   28.9],
											 ['黎承文',   42.2],
											 ['刘敏',   27],
											 ['黄小蓉',   6.38],
											 ['王炉青',   3],
											 ['何辉豪',   4.75],
											 ['王森波',   250.86],
											 ['黄文锋',   6.25],
											 ['焦林辉',   442.85],
											 ['伍海涛',   10.76],
											 ['韩旭',   269.84],
											 ['谢志群',   0],
											 ['柳晨',   1321.02],
											 ['刘昌盛',   32.78],
											 ['莫中绪',   172.7],
											 ['李旭辉',   193.88],
											 ['陈振哲',   440.99],
											 ['罗丹',   45.76],
											 ['欧阳松',   5.5],
											 ['张垠',   39.2],
											 ['罗勇',   228.12],
											 ['魏春',   2.86],
											 ['朱建新',   243.37],
											 ['何翔',   121.84],
											 ['刘玉霞',   793.65],
											 ['姚凤城',   0],
											 ['丘鸿博',   2.25],
											 ['张雄伟',   13.06],
											 ['戴钢',   12],
											 ['刘思奇',   63],
											 ['粟业华',   141.58],
											 ['文海刚',   199.6],
											 ['李晗',   3],
											 ['潘云金',   10.26],
											 ['李玉',   17.45],
											 ['张连峰',   210],
											 ['潘川',   22.11],
											 ['周鹏',   126.68],
											 ['周扬',   132.08],
											 ['李一帆',   34.53],
											 ['张庆东',   179.84],
											 ['黄川东',   21],
											 ['何侃',   111],
											 ['刘俊',   959],
											 ['刘皞',   679.87],
											 ['汪利英',   96],
											 ['游洪骞',   173.8],
											 ['朱伟林',   7.38],
											 ['钟修军',   129.95],
											 ['江章杰',   183],
											 ['郭军',   1105.18],
											 ['钟大雄',   248.44],
											 ['王培乙',   16.32],
											 ['姚华强',   277.41],
											 ['杨飞',   603.2],
											 ['李帅',   189.66],
											 ['黄鹏程',   195.26],
											 ['孔天佐',   5.5],
											 ['徐善鹏',   156],
									 ]
									},];
		var tooltip = {
				headerFormat: '{point.key}({series.name})<br/>',
				pointFormatter:function(){
						var total =0;
						for(var i=0;i<this.series.data.length;i++)
						{
								total += Number(this.series.data[i].y);
						}
						return '人天占比：'+(this.y/total*100).toFixed(2)+'%';
				}
		};
		var legend = {
				align: 'right',
				x: -30,
				verticalAlign: 'top',
				y: 25,
				floating: true,
				backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
				borderWidth: 1,
				shadow: false
		};
		var credits = {
				enabled:false
		};
		var json = {};
		json.chart = chart;
		json.title = title;
		json.subtitle = subtitle;
		json.xAxis = xAxis;
		json.yAxis = yAxis;
		json.plotOptions = plotOptions;
		json.tooltip = tooltip;
		json.legend = legend;
		json.series = series;
		json.credits = credits;
		$('#container').highcharts(json);
});

<div id="container" style="min-width:400px;height:400px;"></div>

{"resource":"1,4","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","code":{"code":"dE4cxm","name":"通过数据点的 name 指定类别","version":1,"doctype":0,"description":"通过数据点的 name 指定类别，加入了滚动条，X轴超过51个类别就会显示错误。","meta":"","newGroup":2466,"group":{"id":2466,"name":"MyCode","code":"MyCode"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

通过数据点的 name 指定类别 | JShare

通过数据点的 name 指定类别，加入了滚动条，X轴超过51个类别就会显示错误。

模板（查看所有模板）

外部资源
$[libs.length]