| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
- <%
- String path = request.getContextPath();
- %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <!--框架必需start-->
- <script type="text/javascript" src="<%=path%>/libs/js/jquery.js"></script>
- <script type="text/javascript" src="<%=path%>/libs/js/language/cn.js"></script>
- <script type="text/javascript" src="<%=path%>/libs/js/framework.js"></script>
- <link href="<%=path%>/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
- <link rel="stylesheet" type="text/css" id="skin" prePath="<%=path%>/"/>
- <link rel="stylesheet" type="text/css" id="customSkin"/>
- <!--框架必需end-->
- <script src="<%=path%>/libs/thirdparty/highcharts/js/highcharts.js"></script>
- <script>
- $(function () {
- $('#container').highcharts({
- chart: {
- type: 'areaspline'
- },
- title: {
- text: '主标题'
- },
- legend: {
- layout: 'vertical',
- align: 'left',
- verticalAlign: 'top',
- x: 150,
- y: 100,
- floating: true,
- borderWidth: 1,
- backgroundColor: '#FFFFFF'
- },
- xAxis: {
- categories: [
- '星期一',
- '星期二',
- '星期三',
- '星期四',
- '星期五',
- '星期六',
- '星期日'
- ]
- },
- yAxis: {
- title: {
- text: '数量'
- }
- },
- tooltip: {
- shared: true,
- valueSuffix: ' 个'
- },
- credits: {
- enabled: false
- },
- plotOptions: {
- areaspline: {
- fillOpacity: 0.5
- }
- },
- series: [{
- name: '北京',
- data: [3, 4, 3, 5, 4, 10, 12]
- }, {
- name: '上海',
- data: [1, 3, 4, 3, 3, 5, 4]
- }]
- });
- });
-
- </script>
- </head>
- <body>
- <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
-
- </body>
- </html>
|
