ajax调用webservice生成highcharts图表.docVIP

Ajax调用webservice获取数据生成Highcharts图表 1. 先看下要取得的数据的表结构 主要就是把Gas Course和Uptime字段取出来，然后让Uptime去做Highcharts的X轴， Gas/Course数据作为Highcharts图表的主要表现数据 2. 做一个webservice方法，来返回取得的数据。 .net的webservice方法要通过ajax调用，没什么特别的地方，只要将如下这句话打开注释就行了 [System.Web.Script.Services.ScriptService] Highcharts要表现的数据最好是数值型的，这里采用double；为了方便Highcharts的赋 值，把gas和course分别放在两个List 里面。但是还得同时返回Uptime，所以 把这个webservice方法返回类型改为List ，将gas,course,uptime这三个List 保存起来，作为返回值。 大概是下面这个样子的： 参数传递的时候需要注意一下，startTime/endTime 这种”2010-01-23”形式的数据，在ajax调用的时候必须加引号 3. 在页面上使用ajax调用webservice的getCourse方法，得到数据，赋值给Highcharts的chart。 完整代码如下： DOCTYPE HTML PUBLIC -