|  |  |  | 
|---|
|  |  |  | display: inline-block; | 
|---|
|  |  |  | width: 49%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .chart-elem div { | 
|---|
|  |  |  | padding-top: 15px; | 
|---|
|  |  |  | padding-bottom: 5px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .chart-elem:first-child { | 
|---|
|  |  |  | padding: 0 50px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .chart-elem:last-child { | 
|---|
|  |  |  | padding-left: 20px; | 
|---|
|  |  |  | padding: 0 50px; | 
|---|
|  |  |  | border-left: 1px solid rgba(0,0,0,.1); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /*表格工具栏*/ | 
|---|
|  |  |  | 
|---|
|  |  |  | text: '库位使用比例', | 
|---|
|  |  |  | margin:1, | 
|---|
|  |  |  | style: {fontSize: '18px',color: '#777',fontWeight: 'bold'}, | 
|---|
|  |  |  | y: 20 | 
|---|
|  |  |  | y: 5 | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | var tooltip = { | 
|---|
|  |  |  | pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' | 
|---|
|  |  |  | 
|---|
|  |  |  | name: '库位占比', | 
|---|
|  |  |  | data: dataPie | 
|---|
|  |  |  | }]; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var loading = { | 
|---|
|  |  |  | hideDuration: 3, | 
|---|
|  |  |  | showDuration: 3 | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | var json = {}; | 
|---|
|  |  |  | json.chart = chart; | 
|---|
|  |  |  | json.title = title; | 
|---|
|  |  |  | json.tooltip = tooltip; | 
|---|
|  |  |  | json.series = series; | 
|---|
|  |  |  | json.plotOptions = plotOptions; | 
|---|
|  |  |  | json.loading = loading; | 
|---|
|  |  |  | json.credits = {enabled: false}; | 
|---|
|  |  |  | $('#pie').highcharts(json); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | text: '日入出库数量', | 
|---|
|  |  |  | margin: 1, | 
|---|
|  |  |  | style: {fontSize: '18px',color: '#777',fontWeight: 'bold'}, | 
|---|
|  |  |  | y: 20 | 
|---|
|  |  |  | y: 5 | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | var xAxis = { | 
|---|
|  |  |  | categories: [getDate(-11), getDate(-10), getDate(-9), getDate(-8), getDate(-7), getDate(-6), | 
|---|
|  |  |  | 
|---|
|  |  |  | verticalAlign: 'middle', | 
|---|
|  |  |  | borderWidth: 0 | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | var loading = { | 
|---|
|  |  |  | hideDuration: 3, | 
|---|
|  |  |  | showDuration: 3 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | var series = dataPie; | 
|---|
|  |  |  | var json = {}; | 
|---|
|  |  |  | json.title = title; | 
|---|
|  |  |  | 
|---|
|  |  |  | json.yAxis = yAxis; | 
|---|
|  |  |  | json.tooltip = tooltip; | 
|---|
|  |  |  | json.legend = legend; | 
|---|
|  |  |  | json.loading = loading; | 
|---|
|  |  |  | json.series = series; | 
|---|
|  |  |  | json.credits = {enabled: false}; | 
|---|
|  |  |  | $('#line').highcharts(json); | 
|---|
|  |  |  | 
|---|
|  |  |  | var pageCurr; | 
|---|
|  |  |  | function getCol() { | 
|---|
|  |  |  | var cols = [ | 
|---|
|  |  |  | {field: 'appe_time', title: '入库时间', align: 'center', width: 200} | 
|---|
|  |  |  | {field: 'appeTime$', title: '入库时间', align: 'center', width: 200} | 
|---|
|  |  |  | ,{field: 'stay_time', align: 'center',title: '滞留天数'} | 
|---|
|  |  |  | ,{field: 'loc_no', align: 'center',title: '库位号'} | 
|---|
|  |  |  | ]; | 
|---|
|  |  |  | 
|---|
|  |  |  | return fmt; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | </html> | 
|---|
|  |  |  | </html> | 
|---|