Scientific/Css/ichartjs/samples/html/bar2d_03.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>ichartjs 示例</title>
		<meta name="Description" content="The ichartjs's gallery center,ichartjs 示例中心" />
		<meta name="Keywords" content="ichartjs demo,Html5 demo,ichartjs示例,ichartjs示例,Html5示例,Html5示例" />
		<script type="text/javascript" src="../../ichart.1.2.1.min.js"></script>
		<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
		<script type="text/javascript">
			$(function(){
				var data = [
				        	{name : '天语',value : 2.83,color:'#4572a7'},
				        	{name : '苹果',value : 3.44,color:'#4572a7'},
				        	{name : 'HTC',value : 3.66,color:'#4572a7'},
				        	{name : '金立',value : 4.58,color:'#4572a7'},
				        	{name : '中兴',value : 6.56,color:'#4572a7'},
				        	{name : '酷派',value : 6.85,color:'#4572a7'},
				        	{name : '诺基亚',value : 9.42,color:'#4572a7'},
				        	{name : '华为',value : 9.54,color:'#4572a7'},
				        	{name : '联想',value : 11.00,color:'#4572a7'},
				        	{name : '三星',value : 15.73,color:'#4572a7'}
			        	];
	        	
				new iChart.Bar2D({
					render : 'canvasDiv',
					data: data,
					title : '2012年6月中国手机市场份额TOP10',
					subtitle : '联想手机超越诺基亚，以11%市场份额，成为中国市场第二',
					footnote : '数据来源：赛诺',
					width : 800,
					height : 400,
					coordinate:{
						width:640,
						height:260,
						axis:{
							width:[0,0,1,1]
						},
						scale:[{
							 position:'bottom',	
							 start_scale:0,
							 end_scale:18,
							 scale_space:2
						}]
					},
					shadow:true,
					shadow_color:'#8d8d8d',
					shadow_blur:2,
					shadow_offsety:1,
					shadow_offsetx:1,
					background_color : '#fcfcfc',
					sub_option:{
						border:{
							enable : true,
							color:'#fcfcfc' 
						},
						listeners:{
							parseText:function(r,t){
								return t+"%";
							}