skyversation
/
meidu2021


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!doctype html>
<html>
<head>
 <t:base type="jquery,easyui,tools,DatePicker"></t:base>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <script src="plug-in/echarts/echarts.js" type="text/javascript"></script>
 <style>
 html{
     height:98%;
     width:98%;
 }
 body{
     width:100%;
     height:100%;
     margin: 0;
 }
 </style>
</head>
<body>
<div id="e1" style="width:100%;height:100%"></div>
</body>

<script>
   var option = {
        xAxis: {
            type: 'category',
            data: ['1-2月', '3-4月', '5-6月', '7-8月', '9-10月', '11-12月']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name:'往期申购数',
                data: ['${param.d1}','${param.d2}','${param.d3}', '${param.d4}','${param.d5}', '${param.d6}'],
                type: 'bar',
                itemStyle: {
                    normal: {
                        label: {
                            show: true, //开启显示
                            position: 'top', //在上方显示
                            textStyle: { //数值样式
                                color: 'black',
                                fontSize: 16
                            }
                        }
                    }
                }
            },
            {
                name:'本次预算数',
                data: ['${param.v1}','${param.v2}','${param.v3}', '${param.v4}','${param.v5}', '${param.v6}'],
                type: 'bar',
                itemStyle: {
                    normal: {
                        label: {
                            show: true, //开启显示
                            position: 'top', //在上方显示
                            textStyle: { //数值样式
                                color: 'black',
                                fontSize: 16
                            }
                        }
                    }
                }
            }
        ]
       ,title: {
           text: '${param.refYear}年${param.name}申购数量明细',
           subtext: '单位：${param.unit}',
       },
       legend: {
           data: ['往期申购数', '本次预算数']
       },
       tooltip: {
           trigger: 'item',
           formatter: '{c}'
       },
    };


    $(function(){
        setTimeout(function(){
            var e1 = document.getElementById("e1");
            var myChart = echarts.init(e1);
            myChart.setOption(option);
        },300)

    });
</script>

</html>