Open Flash Chart 初体验
Flash 比較動態? 可到官方下載查看http://teethgrinder.co.uk/open-flash-chart/
而且是很多語言都支持的? 雖然有專門語言的,但我還是喜歡使用原生的.
項目是用asp.net做? 官方有直接由對其封裝的dll,個人覺得沒必要 ,直接構建更好 移植到其他語言也方便。
項目中只用到了餅圖? 所以也就只看了餅圖 。。。。
使用:
//導入swfobject.js和open-flash-chart.swf
//mychart 要渲染的DIV?????? data.aspx?type=1? json格式數據源
?? <script type="text/javascript" src="../JS/swfobject.js"></script>
??? <script type="text/javascript">
swfobject.embedSWF("../flash/open-flash-chart.swf", "mychart", "400", "220", "9.0.0", "expressInstall.swf", {"data-file":"data.aspx?type=1"});
??? </script>
那來看一下data.aspx
??????? string type = Request.Params["type"];
???????
??????? StringBuilder sb = new StringBuilder();
??????? string title = "";
??????? string vid = Session["villageId"].ToString();
??????? if (type != "")
??????? {
//構建JSON格式
//tip??鼠標懸停提示? val當期值? total總值?percent百分比? 都人家給你算好了 自己不用操心
??????????? sb.Append("{");
??????????? sb.Append("\"elements\":[{\"tip\":\"#val#人/共#total#人?? 所占百分比#percent#\",\"font-size\": 13,");
??????????? sb.Append("\"colours\":[\"#0247fe\", \"#3d01a4\", \"#8601af\", \"#a7194b\",\"#fe2712\", \"#fd5308\", \"#fb9902\", \"#fabc02\",");
??????????? sb.Append("\"#fefe33\", \"#d0ea2b\", \"#66b032\", \"#0392ce\",\"0x663366\", \"0x9999CC\", \"0xAAAAAA\", \"0x669999\",\"0xBBBB55\", \"0xCC6600\",\"0x9999FF\", \"0x0066CC\",\"0x99CCCC\"], \"alpha\" : 0.3, \"animate\": true, \"label-colour\": \"#432baf\",");
??????????? sb.Append("\"values\":[");
??????????? int i = 1;
??????????? //年齡統計
??????????? if (type == "1")
??????????? {
??????????????? using (SqlDataReader sdr = YQKC.DBOper.DataReader("agestatistics", new SqlParameter("vid", vid)))
??????????????? {
??????????????????? while (sdr.Read())
??????????????????? {
??????????????????????? sb.Append("{\"value\":" + sdr[1].ToString() + ",");
??????????????????????? if (i != 5)
??????????????????????? {
??????????????????????????? sb.Append("\"label\":\"" + sdr[0].ToString() + "\"},");
??????????????????????? }
??????????????????????? else
??????????????????????????? sb.Append("\"label\":\"" + sdr[0].ToString() + "\"}");
??????????????????????? i++;
??????????????????? }
??????????????????? title = "年齡分布圖";
??????????????? }
??????????? }
????
??????????? //學歷分布
??????????? if (type == "2")
??????????? {
?????????????? //略
??????????? }
????
??????????? sb.Append("],");
??????????? sb.Append("\"type\":\"pie\",\"border\" : \"2\"");
??????????? sb.Append("}],");
??????????? sb.Append("\"bg_colour\" : \"#FAFAFA\", \"title\" : {");
??????????? sb.Append("\"text\": \"" + title + "\",\"style\": \"{font-size: 14px; color:#0000ff; font-family: Verdana; text-align: center;}\"");
??????????? sb.Append("}");
??????????? sb.Append("}");
??????????? Response.Write(sb.ToString());
??????? }
構建的時候? 注意不能用單引號!
如此就OK? 。。。
轉載于:https://www.cnblogs.com/zhangqifeng/archive/2009/09/02/1559130.html
總結
以上是生活随笔為你收集整理的Open Flash Chart 初体验的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 戴口罩人脸数据集和戴口罩人脸生成方法
- 下一篇: 红帽linux考证时间,红帽认证考试时间