(四)、读取数据库数据并在HighCharts上显示
来源:互联网 发布:怎么知道自己淘宝等级 编辑:程序博客网 时间:2024/05/16 16:09
在上一篇简单的静态例子中,大家应该可以看得出,图表里横纵坐标的数据都是静态的几个数据,因此我们只要从数据库读取出我们想要的横纵坐标值,然后动态赋给Chart就行了。
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: <%= XAxisCategories %>, //X轴的坐标值
title: <%=Xtitle %>, //X轴坐标标题
}
Y轴:
yAxis: {
title:<%=Ytitle %>, //Y轴坐标标题
}
主标题:
title: <%=title %>, //图表主标题
副标题:
subtitle: <%=subtitle %>, //图表副标题
Y轴数据:
series:<%= seriesData.ToString() %>
下面给出获取X轴、Y轴、标题的方法:
public string XAxisCategories = ""; //X轴
public StringBuilder seriesData = new StringBuilder(); //Y轴
public string title = ""; // 图表标题
...
标题获取
title = "{text: '" + "<font color=red>"+site_name +"</font>"+"'}"; //红色标记的部分是从数据库动态获取的,怎么获取,该获取什么,根据你需要,你应该懂的
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("]}]");
- (四)、读取数据库数据并在HighCharts上显示
- (四)、读取数据库数据并在HighCharts上显示
- (四)、读取数据库数据并在HighCharts上显示
- (四)、读取数据库数据并在HighCharts上显示
- 得到数据库中的数据,并在Highcharts控件中显示
- 读取数据库某字段,并在label上显示
- vb读取excel中的数据并在窗体上显示
- C#datagridview读取数据库数据并显示
- C++ 从数据库读取数据,将数据显示在界面上的TreeCtrl上
- JAVA读取数据库存放的二进制文件,并显示在JSP页面上
- 用JSP从数据库中读取图片并显示在网页上
- 浅谈如何调用JSP读取数据库中图片并显示在页面上
- 用JSP从数据库中读取图片并显示在网页上
- JSP读取Oracle数据库里的图片Blob字段并显示在页面上
- 用JSP从数据库中读取图片并显示在网页上
- C#2.0中,SerialPort如何读取串口数据并显示在TextBox上
- SerialPort如何读取串口数据并显示在TextBox上,多线程委托
- Android之定时读取一条数据并显示在TextView上
- linux shell 写regex pattern 识别字符串的单词
- sqlserver 动态sql语句基本语法
- 已知某个学习小组3门课程的成绩如表,使用二维数组存放该学习小组的3门成绩,计算每个学生的平均成绩和该小组每门课程的平均成绩
- HTTP代理如何正确处理Cookie(2) - 转载(写的比较详细,并以实例讲解)
- 添加引用、dllimport、using、命名空间和dll的区别
- (四)、读取数据库数据并在HighCharts上显示
- Oracle创建用户并设置权限_Basic CMD
- spring 装配
- 一个JSP页面上面显示这两条信息:<% String path ..%>
- Android屏幕元素层次结构
- linux在shell脚本中调用另一个脚本
- 不错的网站
- lcd 的 osd
- MMORPG服务器数值系统设计