#view_test
{view_head}
<style>{css}</style>
{beige}
{view_test_graph}
{view_tail}


#view_test_graph
<a href="" style="display:block; width:560px; padding:20px 40px; color:#fff; font-size:1.8em; text-align:center; background-color:#008FFF;">
	Where does the money come from?
</a>
<div class="main_peak_wrap" style="width:640px;"><div class="peak donor" style="margin:0 auto;"></div></div>
<div id="view_test_graph" style="background-color:#fff; font-size:1.0em; line-height:1.3em; color:#444; margin-top:10px; padding-bottom:10px;"></div>
<a href="#view=donors" class="view_all_money" style="padding:15px 0; font-size:1.1em; width:640px;">View all</a>

<script>
//	var ctrack=require("ctrack");
	var data=ctrack.get_chart_data("data_chart_donors");
	var opts={
		layout:"right",
		width:640,
		height:300,
		center_x:150,
		center_y:150,
		radius:135,
		hole:40,
		caption_css:{"width":250,"padding":"7px 20px","borderStyle":"solid","borderWidth":1, "color":"#666", "background-color":"#fff",},
		color:["#74BAFF","#42A0FB","#0081FF","#49739C","#5B6572"],
		caption_edge:10,
		stroke_width:2,
		line_width:3,
		tints:{
			fill:[1,1,1,1],
			line:[1,1,1,1],
			stroke:[2,2,2,2],
			border:[0.5,0.5,0.5,0.5],
		},
	}
	ctrack.draw_chart("#view_test_graph",data,opts);
</script>