重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

js图表控件:highcharts的应用(二)

    柱状图

成都创新互联主要从事成都网站制作、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务乌鲁木齐,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

    前台代码:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="zhuxingtu2.aspx.cs" Inherits="hhh.zhuxingtu2" %>





   
   
   


   


   

       
       
       

   

   


 

     后台代码:

     public string str = "";//数据
        public string strtxt = "[";//文本
        public string strtxt1 = "";
        public int m = 0;
        public double allcount=0;
        protected void Page_Load(object sender, EventArgs e)
        {
            LoadData();
            Result();
        }
        protected void LoadData()
        {
            XmlDocument myDoc = new XmlDocument();
            myDoc.Load(Server.MapPath("DB_51aspx.xml"));

            XmlNode xn = myDoc.SelectSingleNode("//VoteInfo[ID='2']");//读取数据源

            XmlNodeList xnl = xn.SelectNodes("Item");
            m = xnl.Count;
            double AllCount = 0;//总数

            for (int i = 0; i < xnl.Count; i++)
            {
                AllCount += Convert.ToSingle(xnl.Item(i).SelectSingleNode("Count").InnerText);
            }


            allcount = AllCount;


            for (int i = 0; i < xnl.Count; i++)
            {
                XmlNode xn0 = xnl.Item(i);
                str+=xn0.SelectSingleNode("Count").InnerText+",";
                strtxt += "\'" + xn0.SelectSingleNode("Title").InnerText + "\'" + ",";
                strtxt1 += "\'" + xn0.SelectSingleNode("Title").InnerText + "\'" + ",";
            }

            str = str.Remove(str.Length - 1, 1);//数据
            strtxt = strtxt.Remove(strtxt.Length - 1, 1);//文本
            strtxt += "]";
            strtxt1 = strtxt1.Remove(strtxt1.Length-1,1);
        }
        public string Result()
        {
            string datastr = "";
            string[] arr = str.Split(',');
            string[] arr2 = strtxt1.Split(',');
            for (int i = 0; i < arr.Length; i++)
            {
                datastr += "{" + "y:" + Convert.ToDecimal(arr[i].ToString()) + "," + "color:colors[" + i + "]," + "drilldown: {name:" + arr2[i].ToString() + ",color:colors[" + i + "]}},";
            }
            datastr = datastr.Remove(datastr.Length - 1, 1);
            return datastr;
        }

      效果图展示:

js图表控件:highcharts的应用(二)

     xml数据源:

    

 
    2
   
   
      1
      全站源码
      110
   

   
      2
      新闻文章
      20
   

   
      3
      博客论坛
      123
   

   
      4
      影音视频
      28
   

   
      5
      上传下载
      100
   

   
      6
      功能源码
      100
   

   
      7
      投票调查
      200
   

   
      8
      聊天计数
      140
   

   
      9
      行政办公
      180
   

   
      10
      天龙八部
      200
   

   
      11
      神雕侠侣
      200
   

   
      12
      碧血剑
      200
   

   
      13
      王重阳
      100
   

   
      14
      张无忌至武当山
      100
   

   
      15
      张三丰
      100
   

   
      16
      张翠山
      5
   

   
      17
      金毛狮王
      1
   

   
      18
      紫衫龙王
      2
   

   
      19
      紫衫龙王2
      6
   

   
      20
      紫衫龙王3
      1
   

   
      20
      紫衫龙王4
      1
   

   
      20
      紫衫龙王5
      1
   

   
      20
      紫衫龙王6
      1
   

 


标题名称:js图表控件:highcharts的应用(二)
文章起源:http://cqcxhl.cn/article/iieddc.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP