(四)、读取数据库数据并在HighCharts上显示

WBOY
發布: 2016-06-07 15:12:00
原創
1640 人瀏覽過

X轴: xAxis: { categories: ['周一', '周二', '周三', '周四', '周五', '周六', '周日' ], //X轴的坐标值 title: {text: '周数'}, //X轴坐标标题 } Y轴: yAxis: { title: {text: '人数(人)'}, //Y轴坐标标题 } 主标题: title: { text: '图表主标题' }, //

 

 

X轴:

     xAxis: {
                    categories: ['周一', '周二', '周三', '周四', '周五', '周六', '周日' ], //X轴的坐标值
                    title: {text: '周数'},  //X轴坐标标题
                }

 

Y轴:

     yAxis: {
                    title: {text: '人数(人)'},  //Y轴坐标标题
                }

 

主标题:

     title: { text: '图表主标题' }, //图表主标题


副标题:

     subtitle: {text: '图表子标题' }, //图表副标题

 

Y轴数据:

     series:[{ name: '人数', data: [20, 40, 30, 90, 100, 60, 50] }]

 

 

这些值我们都可以从数据库获得数据,然后动态绑定上去即可,这里后台代码中最常用的是StringBuilder,通过它来拼凑出要绑定的数据

 

 

X轴:

     xAxis: {
                    categories: , //X轴的坐标值
                    title: ,  //X轴坐标标题
                }

 

Y轴:

     yAxis: {
                    title: ,  //Y轴坐标标题
                }

 

主标题:

     title: , //图表主标题


副标题:

     subtitle: , //图表副标题

 

Y轴数据:

     series:

 

下面给出获取X轴、Y轴、标题的方法:

 

    public string XAxisCategories = ""; //X轴
    public StringBuilder seriesData = new StringBuilder(); //Y轴
    public string title = ""; // 图表标题

    ...

  标题获取

 

  title = "{text: '" + ""+site_name +""+"'}";  //红色标记的部分是从数据库动态获取的,怎么获取,该获取什么,根据你需要,你应该懂的

 

X轴获取:

 

StringBuilder xAxisCategories = new StringBuilder();

xAxisCategories.Append("[");

...

foreach (DataRowView drv in ds.Tables[0].DefaultView)

{
     xAxisCategories.Append("'");
     xAxisCategories.Append(drv["周数"] == null ? "0" : drv["周数"].ToString());
     xAxisCategories.Append("',");

}

XAxisCategories = xAxisCategories.Replace(",", "", xAxisCategories.Length - 1, 1).Append("]").ToString(); //这里是去掉最后一个多余的逗号(,)

 

Y轴获取:

 

StringBuilder yAxisCategories = new StringBuilder();

...

foreach (DataRowView drv in ds.Tables[0].DefaultView)

{
     yAxisCategories.Append(drv["人数"] == null ? "0" : drv["人数"].ToString());
     yAxisCategories.Append(",");

}

seriesData.Append("[{name: '人数',type: 'spline',data: [");
seriesData.Append(yAxisCategories.Replace(",", "", yAxisCategories.Length - 1, 1)); //去除最后一个逗号(,)
seriesData.Append("]}]");

 

 

 

 

 

 

 

 

 

 


 

 

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!