首页 新闻 会员 周边 捐助

手机页面图表的显示(无图表显示),请高手给看一眼

0
悬赏园豆:10 [已关闭问题] 关闭于 2015-09-16 17:26

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tableView.aspx.cs" Inherits="report_tableView" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
<script src="Js/jquery-1.8.3.min.js"></script>
<script src="Js/jquery.mobile-1.3.2.min.js"></script>
<script src="../Js/highcharts.js"></script>
<script src="../Js/theme/dark-blue.js"></script>
<%-- <script src="../Js/theme/dark-green.js"></script>
<script src="../Js/theme/gray.js"></script>
<script src="../Js/theme/grid.js"></script>--%>
</head>
<body>
<div data-role="page">
<script>
alert("脚本开始执行");
var chartTable;
$(document).ready(function () {
chartTable = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});

});
alert("脚本结束执行");
</script>
<div data-role="header" id="head"><h1>销售情况表</h1>
</div>
<div data-role="content">
<div id="container" style="width: 100%; height: 400px"></div>
</div>
</div>
</body>
</html>

脚本中的“脚本开始提示”执行,“脚本结束提示”没有执行,页面中无图表显示。

小小财经的主页 小小财经 | 初学一级 | 园豆:1
提问于:2015-09-12 13:08
< >
分享
所有回答(2)
0

中间执行错误了,才不会执行后面

道于盲 | 园豆:219 (菜鸟二级) | 2015-09-12 19:03
0

检查js代码

✎﹏ℳ๓₯㎕ღ | 园豆:1499 (小虾三级) | 2015-09-13 13:34
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册