<style> #chart1{ height: 300px; } </style> <div class="row"> <div class="col-md-6"> <form class="form-horizontal"> <div class="form-group"> <label class="col-sm-3 control-label">日期</label> <div class="col-sm-3"> <input type="text" id="mytime" class="form-control" readonly="readonly" onFocus="WdatePicker({isShowClear:false,dateFmt:'yyyy-mm-dd'})"> </div> <button class="btn btn-mint" type="button" οnclick="searchYB();"> <i class="glyphicon glyphicon-search"></i> 搜索 </button> </div> </form> <div id="chart1"></div> </div> </div> <script src="#(ctx)/common/plugins/echart/echarts.min.js"></script> <script src="#(ctx)/common/plugins/My97DatePicker/WdatePicker.js"></script> <script type="text/javascript"> var myChart1 = echarts.init(document.getElementById('chart1')); var option1 = { tooltip: { trigger: 'axis', axisPointer: { lineStyle: { color: '#57617B' } } }, legend: { icon: 'rect', itemWidth: 14, itemHeight: 5, itemGap: 13, data: ['养老','医保'], right: '4%', textStyle: { fontSize: 12, color: '#57617B' } }, grid: { left: '8%', right: '8%', top:'12%', bottom: '30%', containLabel: true }, xAxis: [ { type: 'category', data:['0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23'], axisTick: { alignWithLabel: true }, } ], yAxis: [ { type: 'value', name: '单位:人' } ], series: [ { name: '养老', type: 'line', itemStyle : { normal : { color:'#00FF00', //设置折点的颜色 lineStyle:{ color:'#00FF00'//设置折线的颜色 } } }, data: ['1','5','10','3','6','8','35','57','2','1','90','75','42','25','67','89','0','0','1','2','3','4','5','6'] }, { name: '医保', type: 'line', data: ['1','5','10','3','100','8','35','57','2','1','0','75','42','25','67','100','0','0','1','2','3','4','5','6'] } ] }; myChart1.setOption(option1); </script> |