要实现一个图形报表,我用的是highcharts,
现在前台样式已经出来了,代码如下:
$(function () {
$('#container').highcharts({
//标题部分
title: {
text: '测试',
x: -20 //center
},
subtitle: {
text: '静态测试',
x: -20
},
////X轴提示
xAxis: {
categories: ['张三', '李四', '王五', '傻吊妞', '屌丝东','屌丝勇']
},
//当鼠标指定到某一个值上,就会提示某某"工资"工资只是提示,是我们自定义的
tooltip: {
valueSuffix: '工资'
},
//属性
legend: {
layout: 'vertical',
align: 'right', //共有几个人的工资,在右边提示
verticalAlign: 'middle',
borderWidth: 0
},
//数值以提示
series: [{
name: '一月份工资',
data: [
{
name: '本月工资:',
Color: '#00FF00',
y: 1000,
},]
},]
});
var chaert = $('#container').highcharts();
series = chart.get('series-1');
alert('The first series\' name is ' + series.name);
});
</script>
后台代码:
public void tuxing()
{
DataTable dt = new Eastea.BusLogic.GraphicalGet().Getgraphical();
StringBuilder JsonString = new StringBuilder();
for (var i = 0; i < dt.Rows.Count; i++)
{
//JsonString.Append("" + dt.Rows[i]["name"].ToString() + "");
//JsonString.Append("" + cj + "" + Convert.ToInt32(dt.Rows[i]["chengji"].ToString()) + "");
//JsonString.Append("<br />");
name = dt.Rows[i]["name"].ToString();
cj = Convert.ToInt32(dt.Rows[i]["chengji"].ToString());
Response.Write(name);
Response.Write(cj);
}
Response.End();
}
怎么把后台获取到的name 跟 cj这两个字段的值分别绑定到前台的xAxis 与 series上