乱搞了个数据库 后面发现没定INT类型 直接将ID当数据显示了

效果图：

前端

 @{

     Layout = null;

 }

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <script src="~/Scripts/jquery-1.7.1.js"></script>

     <script src="~/Scripts/Highcharts-4.0.3/js/highcharts.js"></script>

     <script src="~/Scripts/Highcharts-4.0.3/js/modules/exporting.js"></script>

     <script src="~/Scripts/Highcharts-4.0.3/js/highcharts-3d.js"></script>

     <script type="text/javascript">

         $(function () {

             var values = "";

             var data1 = [];

             var months = [];

             //var a = [29.9, 71.5, 106.4, 129.2, 144]

             $.ajax({

                 url: '../Home/se',

                 type: 'post',

                 dataType: "json",

                 success: function (msg) {

                     //var values = JSON.stringify(msg)

                     //alert(msg.length)

                     for (var i = 0; i < msg.length; i++) {

                         //alert("123")

                         //values += "11" + msg[i].tem + "11"

                         //var a= values.push(bb[i].tem);

                         data1.push(msg[i].id)

                         months.push(msg[i].months)

                     }

                     var chart = new Highcharts.Chart({

                         chart: {

                             renderTo: 'container',

                             type: 'column',

                             margin: 75,

                             options3d: {

                                 enabled: true,

                                 alpha: 15,

                                 beta: 15,

                                 depth: 50,

                                 viewDistance: 25

                             }

                         },

                         title: {

                             text: 'Chart rotation demo'

                         },

                         xAxis: {

                             categories:months

                         },

                         yAxis: {

                             min: 0,

                             title: {

                                 text: 'id'

                             }

                         },

                         subtitle: {

                             text: 'Test options by dragging the sliders below'

                         },

                         plotOptions: {

                             column: {

                                 depth: 25

                             }

                         },

                         series: [{

                             data:data1

                         }]

                     });

                     // Activate the sliders

                     $('#R0').on('change', function () {

                         chart.options.chart.options3d.alpha = this.value;

                         showValues();

                         chart.redraw(false);

                     });

                     $('#R1').on('change', function () {

                         chart.options.chart.options3d.beta = this.value;

                         showValues();

                         chart.redraw(false);

                     });

                     function showValues() {

                         $('#R0-value').html(chart.options.chart.options3d.alpha);

                         $('#R1-value').html(chart.options.chart.options3d.beta);

                     }

                     showValues();

                 }

             })

         });

     </script>

     <title>Index</title>

 </head>

 <body>

     <div id="container" style="min-width: 700px; height: 400px"></div>

     <div id="sliders" style="min-width: 310px; max-width: 800px; margin: 0 auto;">

         <table>

             <tr>

                 <td>Alpha Angle</td>

                 <td>

                     <input id="R0" type="range" min="0" max="45" value="15" />

                     <span id="R0-value" class="value"></span></td>

             </tr>

             <tr>

                 <td>Beta Angle</td>

                 <td>

                     <input id="R1" type="range" min="0" max="45" value="15" />

                     <span id="R1-value" class="value"></span></td>

             </tr>

         </table>

     </div>

 </body>

 </html>

后台

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.Mvc;

 using 表格.Models;

 namespace 表格.Controllers

 {

     public class HomeController : Controller

     {

         //

         // GET: /Home/

         columnprictureEntities db = new columnprictureEntities();

         public ActionResult Index()

         {

             return View();

         }

         public ActionResult se()

         {

             var d = (from b in db.prc select b).ToList();

             List<Models.prc> bb = (from dd in db.prc select dd).ToList();

             return Json(d, JsonRequestBehavior.AllowGet);

         }

     }

 }

无聊写了一个最简单的MVC4+Highcharts连数据库例子的更多相关文章

  1. 自己写的一个关于Linq to Entity 动态查询的例子

    这两天一直想写一个动态查询的方式,先是晚上查询了一下,发现大家写的差不多都是一样的[如:http://www.cnblogs.com/ASPNET2008/archive/2012/10/28/274 ...

  2. 最近采集写的一个超简单实用的HTML解析类

    1. [文件] HtmlDom.php <?php$oldSetting = libxml_use_internal_errors( true ); libxml_clear_errors(); ...

  3. 现有1~100 共一百个自然数,已随机放入一个有98个元素的数组a[98].要求写出一个尽量简单的方案找出没有被放入数组的那2个数,并在屏幕上打印这2个数

    void test7() { try { ]; ]; ]; ; ; int i; ; i < num.Length; i++) { num[i] = i + ; num1[i] = i + ;/ ...

  4. 简单的JDBC连接oracle数据库例子

    java连接Oracle数据库 JDBC(Java Data Base Connectivity,java数据库连接),那么我们该如何用java进行数据库的连接呢. import java.sql.C ...

  5. 用OpenGL简单编写的一个最简单贪吃蛇游戏

    刚学OpenGL的时候,写的一个最简单的贪吃蛇游戏代码 如下: //贪吃蛇游戏 #include<stdio.h> #include<stdlib.h> #include< ...

  6. 10分钟完成一个最最简单的BLE蓝牙接收数据的DEMO

    这两天在研究蓝牙,网上有关蓝牙的内容非常有限,Github上的蓝牙框架也很少很复杂,为此我特地写了一个最最简单的DEMO,实现BLE蓝牙接收数据的问题, 不需要什么特定的UUID, 不需要什么断开重连 ...

  7. 001.Delphi插件之QPlugins，一个最简单的插件

    安装QPlugins里面的Demo,复制粘贴着写了一个最简单的插件,看看好不好用 EXE代码如下: unit Main_Frm; interface uses Winapi.Windows, Wina ...

  8. 用qpython3写一个最简单的发送短信的程序

    到目前为止并没有多少手机应用是用python开发的,不过qpython可以作为一个不错的玩具推荐给大家来玩. 写一个最简单的发送短信的程序,代码如下: #-*-coding:utf8;-*- #qpy ...

  9. 只是一个用EF写的一个简单的分页方法而已

    只是一个用EF写的一个简单的分页方法而已 慢慢的写吧.比如,第一步,先把所有数据查询出来吧. //第一步. public IQueryable<UserInfo> LoadPagesFor ...

随机推荐

  1. VirtualBox虚拟机无法选择桥接方式

    VirtualBox 装好之后默认的网络是NAT模式,但这种模式中虚拟机配置的IP和主机的不再同一网段内,无法获得和主机一样的局域网地位,更不可能从主机用远程桌面携带硬盘的方式远程控制.而最简便的方法 ...

  2. 图片以BLOB存储在后台数据库中,Android客户端要进行读取显示

    解决方法: 1:在后台以InputStream的方式将图片从数据库中读出: public static InputStream getPicInputStream(){ String id = &qu ...

  3. 粗窥STARTUP.A51和INIT.A51

    也许大家曾经注意过使用Keil C51来编译链接生成目标代码之后,在我们的主程序之前有些代码不是我们写的,它们从哪里来的? Keil C51的\C51\LIB目录下有STARTUP.A51和INIT. ...

  4. JAVA Stack栈和Heap堆的区别(转)

          首先分清楚Stack,Heap的中文翻译:Stack—栈,Heap—堆.         在中文里,Stack可以翻译为“堆栈”,所以我直接查找了计算机术语里面堆和栈开头的词语:      ...

  5. structs2使用小结2

    回顾之前做过类似structs2的知识点总结 Structs2历史.处理流程及与1.0版本的区别 Structs2配置文件.拦截器.校验等 EL表达式在JS中使用 ${}El表达式不能直接在单独JS文 ...

  6. VM虚拟机安装苹果雪豹操作系统

    1.win xp虚拟机安装Mac OSX 一.用VM8安装mac os x10.6 ,然后升级到的10.6.8,如何安装vm大家自己百度吧.这里指列出了如何安装雪豹操作系统. DMG是mac os x ...

  7. Spring HTTP invoker 入门

    一.简介 Spring开发团队意识到RMI服务和基于HTTP的服务(如,Hessian)之间的空白.一方面,RMI使用JAVA标准的对象序列化机制,很难穿透防火墙.另一方面,Hessian/Burla ...

  8. Codeforces243C-Colorado Potato Beetle(离散化+bfs)

    Old MacDonald has a farm and a large potato field, (1010 + 1) × (1010 + 1) square meters in size. Th ...

  9. 《Algorithms 4th Edition》读书笔记——2.4 优先队列(priority queue)-Ⅶ（延伸：堆排序的实现）

    2.4.5 堆排序 我们可以把任意优先队列变成一种排序方法.将所有元素插入一个查找最小元素的有限队列,然后再重复调用删除最小元素的操作来将他们按顺序删去.用无序数组实现的优先队列这么做相当于进行一次插 ...

  10. SoupUI接口测试学习分享

    一.SoapUI的使用 我们主要用SoapUI的REST 测试功能来测试我们协议接口.RESTful是一种服务端API的规范,每个资源对应唯一的URI,然后用HTTP的POST.GET.PUT.DEL ...