各位大神指教下,为什么页面没有显示
Skyep 2015-05-26 04:22:52 这个是ashx页面的
using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using Newtonsoft.Json;
namespace HightCharts.Account
{
/// <summary>
/// Count 的摘要说明
/// </summary>
public class Count : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string str1 = JsonConvert.SerializeObject(CreteDataTable());
context.Response.Write(JsonConvert.SerializeObject(CreteDataTable()));
context.Response.End();
}
public bool IsReusable
{
get
{
return false;
}
}
public DataTable CreteDataTable()
{
DataTable dataTable = new DataTable();
///添加新的数据列
dataTable.Columns.Add("Time", typeof(string));
dataTable.Columns.Add("SumCount", typeof(int));
dataTable.Columns.Add("IpCount", typeof(int));
DataRow row = dataTable.NewRow();
//row["Time"] = "00:00-01:00";
row["Time"] = "00:00-01:00";
row["SumCount"] = "500";
row["IpCount"] = "400";
dataTable.Rows.Add(row);
DataRow row1 = dataTable.NewRow();
//row1["Time"] = "01:00-02:00";
row1["Time"] = "01:00-02:00";
row1["SumCount"] = "600";
row1["IpCount"] = "300";
dataTable.Rows.Add(row1);
DataRow row2 = dataTable.NewRow();
//row2["Time"] = "02:00-03:00";
row2["Time"] = "02:00-03:00";
row2["SumCount"] = "500";
row2["IpCount"] = "400";
dataTable.Rows.Add(row2);
DataRow row3 = dataTable.NewRow();
//row3["Time"] = "03:00-04:00";
row3["Time"] = "03:00-04:00";
row3["SumCount"] = "700";
row3["IpCount"] = "300";
dataTable.Rows.Add(row3);
DataRow row4 = dataTable.NewRow();
//row3["Time"] = "03:00-04:00";
row4["Time"] = "04:00-05:00";
row4["SumCount"] = "300";
row4["IpCount"] = "200";
dataTable.Rows.Add(row4);
DataRow row5 = dataTable.NewRow();
//row5["Time"] = "04:00-05:00";
row5["Time"] = "05:00-06:00";
row5["SumCount"] = "800";
row5["IpCount"] = "600";
dataTable.Rows.Add(row5);
DataRow row6 = dataTable.NewRow();
//row6["Time"] = "05:00-06:00";
row6["Time"] = "06:00-07:00";
row6["SumCount"] = "700";
row6["IpCount"] = "500";
dataTable.Rows.Add(row6);
DataRow row7 = dataTable.NewRow();
//row7["Time"] = "06:00-07:00";
row7["Time"] = "08:00-09:00";
row7["SumCount"] = "550";
row7["IpCount"] = "450";
dataTable.Rows.Add(row7);
DataRow row8 = dataTable.NewRow();
//row8["Time"] = "07:00-08:00";
row8["Time"] = "09:00-10:00";
row8["SumCount"] = "650";
row8["IpCount"] = "420";
dataTable.Rows.Add(row8);
DataRow row9 = dataTable.NewRow();
//row8["Time"] = "07:00-08:00";
row9["Time"] = "10:00-11:00";
row9["SumCount"] = "750";
row9["IpCount"] = "320";
dataTable.Rows.Add(row9);
return dataTable;
}
}
}
--------------------------------------------------------------------------------------------------
这个是aspx页面的,求指教怎么显示不了
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HightChartsSql.aspx.cs" Inherits="HightCharts.HightChartsSql" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript"src="Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="Scripts/highcharts.js"></script>
<script type="text/javascript" src="Scripts/modules/exporting.js"></script>
<title></title>
</head>
<body>
<fieldset>
<legend>Hightchart柱状图案例 </legend>
<div>
<script type="text/javascript">
/*获取json数据开始*/
//定义变量
$(document).ready(function () {
//alert("1");
var jsonXData = [];
var jsonyD1 = [];
var jsonyD2 = [];
$.ajax({ url: '/Account/Count.ashx',
cache: false,
async: false,
success: function (data) {
var json = eval("(" + data + ")");
if (json.length > 0) {
for (var i = 0; i < json.length; i++) {
$("#txt_t1").val(json.length);
var rows = json.Rows[i];
var Time = rows.Time;
var SumCount = rows.SumCount;
var IpCount = rows.IpCount;
jsonXData.push(Time); //赋值
//<span style="background-color: #ff0000;">//此处必须转型,不转型你就可以看到区别了</span><br>
jsonyD1.push(parseInt(SumCount));
jsonyD2.push(parseInt(IpCount));
}
$("#txt_t2").val(json.SumCount);
var chart;
chart = new Highcharts.Chart({
chart: {
renderTo: 'containerliuliang', //放置图表的容器
plotBackgroundColor: null,
plotBorderWidth: null,
defaultSeriesType: 'column' //图表类型line, spline, area, areaspline, column, bar, pie , scatter
},
title: {
text: 'JQuery柱状图演示'
},
xAxis: {//X轴数据
categories: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'], //x轴标签名称
//categories: jsonXData,
lineWidth: 2,
labels: {
rotation: -45, //字体倾斜
align: 'right',
style: { font: 'normal 13px 宋体' }
}
},
yAxis: {//Y轴显示文字
lineWidth: 2,
title: {
text: '浏览量/次'
}
},
tooltip: {
formatter: function () {
return '<b>' + this.x + '</b><br/>' +
this.series.name + ': ' + Highcharts.numberFormat(this.y, 0);
}
},
plotOptions: {
column: {
dataLabels: {
enabled: true
},
enableMouseTracking: true//是否显示title
}
},
series: [{
name: '总流量',
data: [18, 25, 46, 78]
}, {
name: 'IP流量',
data: [12, 30, 59, 100]
}]
});
}
}
});
});
</script>
<div id="containerliuliang">
</div>
</div>
</fieldset>
</body>
</html>