基于 Bootstrap与Echarts的响应式页面模板.zip

【实例简介】
Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap框架实现。 Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件 包含4套bootstrap+echarts 布局模板
【实例截图】
【核心代码】
16359647610888424035.zip
└── 20180816
├── echarts
│   ├── css
│   │   └── style.css
│   ├── images
│   │   ├── arrow.png
│   │   ├── bg_img03.png
│   │   ├── bg_img04.png
│   │   ├── border_bg01.png
│   │   ├── box_title.png
│   │   ├── chart_icon_on.png
│   │   ├── chart_icon.png
│   │   ├── close_icon.png
│   │   ├── close.png
│   │   ├── data_icon_on.png
│   │   ├── data_icon.png
│   │   ├── fangda.png
│   │   ├── index_bg.png
│   │   ├── jian.png
│   │   ├── line_bg.png
│   │   ├── line-blue.png
│   │   ├── line_img.png
│   │   ├── menu_btn.png
│   │   ├── menu_on.png
│   │   ├── next.png
│   │   ├── people_iocn.png
│   │   ├── plus.png
│   │   ├── popUP_bg.png
│   │   ├── prev.png
│   │   ├── select_icon_on.png
│   │   ├── select_icon.png
│   │   ├── selsct_time.png
│   │   ├── settings_icon_on.png
│   │   ├── settings_icon.png
│   │   ├── teacher_icon.png
│   │   ├── title_bg01.png
│   │   ├── title_border.png
│   │   ├── title_line.png
│   │   └── weather
│   │   ├── weather_img01.png
│   │   ├── 中雨.png
│   │   ├── 中雨转大雨.png
│   │   ├── 中雪.png
│   │   ├── 中雪转大雪.png
│   │   ├── 冻雨.png
│   │   ├── 多云.png
│   │   ├── 大暴雨.png
│   │   ├── 大暴雪.png
│   │   ├── 大雨.png
│   │   ├── 大雨转暴雨.png
│   │   ├── 大雪.png
│   │   ├── 大雪转暴雪.png
│   │   ├── 小雨.png
│   │   ├── 小雨转中雨.png
│   │   ├── 小雪.png
│   │   ├── 小雪转中雪.png
│   │   ├── 强沙尘暴.png
│   │   ├── 扬沙.png
│   │   ├── 晴.png
│   │   ├── 暴雨.png
│   │   ├── 暴雨转大暴雨.png
│   │   ├── 暴雪.png
│   │   ├── 沙尘暴.png
│   │   ├── 浮尘.png
│   │   ├── 特大暴雨.png
│   │   ├── 阴.png
│   │   ├── 阵雨.png
│   │   ├── 阵雪.png
│   │   ├── 雨加雪.png
│   │   ├── 雷阵雨.png
│   │   ├── 雷阵雨加冰雹.png
│   │   ├── 雾.png
│   │   └── 霾.png
│   ├── index.html
│   └── js
│   ├── base.js
│   ├── china.js
│   ├── data
│   │   ├── city.json
│   │   └── guangdong.js
│   ├── echarts.min.js
│   ├── jquery-3.3.1.min.js
│   ├── layer
│   │   ├── extend
│   │   │   └── layer.ext.js
│   │   ├── laydate
│   │   │   ├── laydate.js
│   │   │   ├── need
│   │   │   │   └── laydate.css
│   │   │   └── skins
│   │   │   ├── danlan
│   │   │   │   ├── icon.png
│   │   │   │   └── laydate.css
│   │   │   └── default
│   │   │   ├── icon.png
│   │   │   └── laydate.css
│   │   ├── layer.min.js
│   │   ├── layim
│   │   │   ├── data
│   │   │   │   ├── chatlog.json
│   │   │   │   ├── friend.json
│   │   │   │   ├── group.json
│   │   │   │   └── groups.json
│   │   │   ├── layim.css
│   │   │   ├── layim.js
│   │   │   └── loading.gif
│   │   └── skin
│   │   ├── default
│   │   │   ├── icon-ext.png
│   │   │   ├── icon_ext.png
│   │   │   ├── icon.png
│   │   │   ├── loading-0.gif
│   │   │   ├── loading-1.gif
│   │   │   ├── loading-2.gif
│   │   │   ├── textbg.png
│   │   │   ├── xubox_ico0.png
│   │   │   ├── xubox_loading0.gif
│   │   │   ├── xubox_loading1.gif
│   │   │   ├── xubox_loading2.gif
│   │   │   ├── xubox_loading3.gif
│   │   │   └── xubox_title0.png
│   │   ├── layer.css
│   │   ├── layer.ext.css
│   │   └── moon
│   │   ├── default.png
│   │   └── style.css
│   ├── pop_base.js
│   └── rem.js
├── echarts (2)
│   ├── css
│   │   └── index.css
│   ├── img
│   │   ├── bg.png
│   │   ├── down.png
│   │   ├── t_bg.png
│   │   ├── t_border.png
│   │   ├── t_header.png
│   │   └── top.png
│   ├── index.html
│   └── js
│   ├── echarts.min.js
│   ├── index.js
│   ├── jquery-2.2.1.min.js
│   └── rem.js
├── echarts (3)
│   ├── css
│   │   ├── base.css
│   │   ├── bootstrap.css
│   │   ├── bootstrap.min.css
│   │   ├── datepicker.css
│   │   ├── index.css
│   │   └── style.css
│   ├── img
│   │   ├── line1.png
│   │   ├── line.png
│   │   ├── logo.png
│   │   ├── mintitle_1.png
│   │   ├── mintitle.png
│   │   ├── t_1.png
│   │   ├── t_2.png
│   │   ├── t_3.png
│   │   ├── t_4.png
│   │   ├── t_5.png
│   │   ├── t_6.png
│   │   ├── t_7.png
│   │   ├── title.png
│   │   └── true.png
│   ├── index.html
│   ├── js
│   │   ├── base.js
│   │   ├── bmap.js
│   │   ├── bootstrap.min.js
│   │   ├── china.js
│   │   ├── common.js
│   │   ├── dataTool.js
│   │   ├── echarts-all.js
│   │   ├── echarts.common.min.js
│   │   ├── echarts.min.js
│   │   ├── hunan.js
│   │   ├── index.js
│   │   └── jquery-2.2.1.min.js
│   └── page
│   ├── img
│   │   ├── logo.png
│   │   └── true.png
│   └── index.html
├── echarts (4)
│   ├── css
│   │   └── index.css
│   ├── img
│   │   ├── consumption.png
│   │   ├── end.png
│   │   ├── g.png
│   │   ├── indent.png
│   │   ├── j.png
│   │   ├── left_line.png
│   │   ├── linx.png
│   │   ├── map.png
│   │   ├── right_line.png
│   │   ├── sper.png
│   │   ├── s.png
│   │   ├── t.png
│   │   ├── true.png
│   │   └── vip.png
│   ├── index.html
│   └── js
│   ├── echarts.min.js
│   ├── guangxi.js
│   ├── index.js
│   ├── jquery-2.2.1.min.js
│   └── rem.js
└── metronic.bootstrap
└── metronic.bootstrap
├── charts.html
├── email1.html
├── email2.html
├── email3.html
├── email4.html
├── email5.html
├── email6.html
├── extra_404_option1.html
├── extra_404_option2.html
├── extra_404_option3.html
├── extra_500_option1.html
├── extra_500_option2.html
├── extra_faq.html
├── extra_image_manager.html
├── extra_invoice.html
├── extra_lock.html
├── extra_pricing_table.html
├── extra_profile.html
├── extra_search.html
├── form_component.html
├── form_dropzone.html
├── form_fileupload.html
├── form_layout.html
├── form_samples.html
├── form_validation.html
├── form_wizard.html
├── inbox.html
├── inbox_inbox.html
├── index.html
├── layout_ajax_content_2.html
├── layout_ajax_content_3.html
├── layout_ajax.html
├── layout_blank_page.html
├── layout_boxed_not_responsive.html
├── layout_boxed_page.html
├── layout_email.html
├── layout_horizontal_menu1.html
├── layout_horizontal_menu2.html
├── layout_horizontal_sidebar_menu.html
├── layout_promo.html
├── layout_sidebar_closed.html
├── login.html
├── login_soft.html
├── maps_google.html
├── maps_vector.html
├── media
│   ├── css
│   │   ├── about-us.css
│   │   ├── animate.css
│   │   ├── blog.css
│   │   ├── blue.css
│   │   ├── bootstrap-fileupload.css
│   │   ├── bootstrap.min.css
│   │   ├── bootstrap-modal.css
│   │   ├── bootstrap-responsive1.min.css
│   │   ├── bootstrap-responsive.min.css
│   │   ├── bootstrap-tag.css
│   │   ├── bootstrap-toggle-buttons.css
│   │   ├── bootstrap-tree.css
│   │   ├── bootstrap-wysihtml5.css
│   │   ├── brown.css
│   │   ├── chosen.css
│   │   ├── clockface.css
│   │   ├── colorpicker.css
│   │   ├── coming-soon.css
│   │   ├── datepicker.css
│   │   ├── daterangepicker.css
│   │   ├── datetimepicker.css
│   │   ├── default.css
│   │   ├── dropzone.css
│   │   ├── DT_bootstrap.css
│   │   ├── email.css
│   │   ├── error.css
│   │   ├── font-awesome.css
│   │   ├── font-awesome.min.css
│   │   ├── fullcalendar.css
│   │   ├── glyphicons.css
│   │   ├── grey.css
│   │   ├── halflings.css
│   │   ├── inbox.css
│   │   ├── invoice.css
│   │   ├── jquery.easy-pie-chart.css
│   │   ├── jquery.fancybox.css
│   │   ├── jquery.fileupload-ui.css
│   │   ├── jquery.gritter.css
│   │   ├── jquery.nestable.css
│   │   ├── jquery.tagsinput.css
│   │   ├── jquery-ui-1.10.1.custom.min.css
│   │   ├── jquery.ui.slider.css
│   │   ├── jqvmap.css
│   │   ├── light.css
│   │   ├── lock.css
│   │   ├── login.css
│   │   ├── login-soft.css
│   │   ├── multi-select-metro.css
│   │   ├── news.css
│   │   ├── pricing-tables.css
│   │   ├── print.css
│   │   ├── profile.css
│   │   ├── promo.css
│   │   ├── purple.css
│   │   ├── search.css
│   │   ├── select2_metro.css
│   │   ├── style.css
│   │   ├── style-metro.css
│   │   ├── style-non-responsive.css
│   │   ├── style-responsive.css
│   │   ├── timeline.css
│   │   ├── timepicker.css
│   │   └── uniform.default.css
│   ├── image
│   │   ├── 10.jpg
│   │   ├── 11.jpg
│   │   ├── 1.jpg
│   │   ├── 2.jpg
│   │   ├── 3.jpg
│   │   ├── 4.jpg
│   │   ├── 5.jpg
│   │   ├── 6.jpg
│   │   ├── 7.jpg
│   │   ├── 8.jpg
│   │   ├── 9.jpg
│   │   ├── alpha.png
│   │   ├── amazon.png
│   │   ├── animated-overlay.gif
│   │   ├── avatar1.jpg
│   │   ├── avatar1_small.jpg
│   │   ├── avatar2.jpg
│   │   ├── avatar3.jpg
│   │   ├── avatar.png
│   │   ├── behance.png
│   │   ├── bg
│   │   │   ├── 1.jpg
│   │   │   ├── 2.jpg
│   │   │   ├── 3.jpg
│   │   │   └── 4.jpg
│   │   ├── bg-input-focus.png
│   │   ├── bg-input.png
│   │   ├── bg-opacity.png
│   │   ├── bg-white-lock.png
│   │   ├── blank.gif
│   │   ├── blogger.png
│   │   ├── bstree-halflings.png
│   │   ├── chosen-sprite.png
│   │   ├── css
│   │   ├── datatable-row-openclose.png
│   │   ├── deviantart.png
│   │   ├── dribbble.png
│   │   ├── dropbox.png
│   │   ├── earth.jpg
│   │   ├── evernote.png
│   │   ├── facebook.png
│   │   ├── fancybox_loading.gif
│   │   ├── fancybox_overlay.png
│   │   ├── fancybox_sprite.png
│   │   ├── favicon.ico
│   │   ├── fontawesome-webfont.eot
│   │   ├── fontawesome-webfont.svg
│   │   ├── fontawesome-webfont.ttf
│   │   ├── fontawesome-webfont.woff
│   │   ├── forrst.png
│   │   ├── github.png
│   │   ├── glyphicons-halflings.png
│   │   ├── glyphicons_halflings.png
│   │   ├── glyphiconshalflings-regular.eot
│   │   ├── glyphiconshalflings-regular.svg
│   │   ├── glyphiconshalflings-regular.ttf
│   │   ├── glyphiconshalflings-regular.woff
│   │   ├── glyphicons_halflings.svg
│   │   ├── glyphicons-halflings-white.png
│   │   ├── glyphicons_halflings-white.png
│   │   ├── glyphicons_halflings-white.svg
│   │   ├── glyphicons.png
│   │   ├── glyphicons-regular.eot
│   │   ├── glyphicons-regular.svg
│   │   ├── glyphicons-regular.ttf
│   │   ├── glyphicons-regular.woff
│   │   ├── glyphicons-white.png
│   │   ├── glyphicons-white.svg
│   │   ├── googleplus.png
│   │   ├── gritter-light.png
│   │   ├── gritter.png
│   │   ├── hor-menu-search-close.png
│   │   ├── hor-menu-search-close-white.png
│   │   ├── hor-menu-search.png
│   │   ├── hue.png
│   │   ├── icon-color-close.png
│   │   ├── icon-color.png
│   │   ├── icon-img-down.png
│   │   ├── icon-img-up.png
│   │   ├── ie-spacer.gif
│   │   ├── image1.jpg
│   │   ├── image2.jpg
│   │   ├── image3.jpg
│   │   ├── image4.jpg
│   │   ├── image5.jpg
│   │   ├── img1_2.png
│   │   ├── img1.png
│   │   ├── img2.png
│   │   ├── img3.png
│   │   ├── img4.png
│   │   ├── inbox-nav-arrow-blue.png
│   │   ├── instagram.png
│   │   ├── iphone.png
│   │   ├── item_img1.jpg
│   │   ├── item_img.jpg
│   │   ├── jolicloud.png
│   │   ├── js
│   │   ├── KwPYo.jpg
│   │   ├── last-fm.png
│   │   ├── linkedin.png
│   │   ├── loading.gif
│   │   ├── logo_azteca.jpg
│   │   ├── logo-big.png
│   │   ├── logo_conquer.jpg
│   │   ├── logo_metronic.jpg
│   │   ├── logo.png
│   │   ├── menu-toggler.png
│   │   ├── overlay-icon.png
│   │   ├── photo1.jpg
│   │   ├── photo2.jpg
│   │   ├── photo3.jpg
│   │   ├── photo4.jpg
│   │   ├── photo5.jpg
│   │   ├── photo6.jpg
│   │   ├── picasa.png
│   │   ├── pintrest.png
│   │   ├── portlet-collapse-icon.png
│   │   ├── portlet-collapse-icon-white.png
│   │   ├── portlet-config-icon.png
│   │   ├── portlet-config-icon-white.png
│   │   ├── portlet-expand-icon.png
│   │   ├── portlet-expand-icon-white.png
│   │   ├── portlet-reload-icon.png
│   │   ├── portlet-reload-icon-white.png
│   │   ├── portlet-remove-icon.png
│   │   ├── portlet-remove-icon-white.png
│   │   ├── preview_02.png
│   │   ├── preview_03.png
│   │   ├── preview_04.png
│   │   ├── preview_05.png
│   │   ├── preview_06.png
│   │   ├── preview_07.png
│   │   ├── preview_08.png
│   │   ├── preview_09.png
│   │   ├── preview_10.png
│   │   ├── preview_11.png
│   │   ├── preview_12.png
│   │   ├── preview_13.png
│   │   ├── preview_14.png
│   │   ├── preview_15.png
│   │   ├── preview_16.png
│   │   ├── preview_17.png
│   │   ├── profile-img.png
│   │   ├── profile.jpg
│   │   ├── progressbar.gif
│   │   ├── remove-icon-small.png
│   │   ├── rss.png
│   │   ├── saturation.png
│   │   ├── search-icon.png
│   │   ├── select2.png
│   │   ├── select2-spinner.gif
│   │   ├── select2x2.png
│   │   ├── sidebar-menu-arrow.png
│   │   ├── sidebar-search-close.png
│   │   ├── sidebar-toggler.jpg
│   │   ├── skype.png
│   │   ├── social_facebook.png
│   │   ├── social_googleplus.png
│   │   ├── social_linkedin.png
│   │   ├── social_rss.png
│   │   ├── social_twitter.png
│   │   ├── sort_asc_disabled.png
│   │   ├── sort_asc.png
│   │   ├── sort_both.png
│   │   ├── sort_desc_disabled.png
│   │   ├── sort_desc.png
│   │   ├── spotify.png
│   │   ├── spritemap@2x.png
│   │   ├── spritemap.png
│   │   ├── sprite.png
│   │   ├── stumbleupon.png
│   │   ├── switch.png
│   │   ├── syncfusion-icons.png
│   │   ├── syncfusion-icons-white.png
│   │   ├── tumblr.png
│   │   ├── twitter.png
│   │   ├── ui-bg_diagonals-thick_18_b81900_40x40.png
│   │   ├── ui-bg_diagonals-thick_20_666666_40x40.png
│   │   ├── ui-bg_flat_10_000000_40x100.png
│   │   ├── ui-bg_glass_100_f6f6f6_1x400.png
│   │   ├── ui-bg_glass_100_fdf5ce_1x400.png
│   │   ├── ui-bg_glass_65_ffffff_1x400.png
│   │   ├── ui-bg_gloss-wave_35_f6a828_500x100.png
│   │   ├── ui-bg_highlight-soft_100_eeeeee_1x100.png
│   │   ├── ui-bg_highlight-soft_75_ffe45c_1x100.png
│   │   ├── ui-icons_222222_256x240.png
│   │   ├── ui-icons_228ef1_256x240.png
│   │   ├── ui-icons_888888_256x240.png
│   │   ├── ui-icons_ef8c08_256x240.png
│   │   ├── ui-icons_ffd27a_256x240.png
│   │   ├── ui-icons_ffffff_256x240.png
│   │   ├── vimeo.png
│   │   ├── vk.png
│   │   ├── walmart.png
│   │   ├── wordpress.png
│   │   ├── xing.png
│   │   ├── yahoo.png
│   │   └── youtube.png
│   └── js
│   ├── additional-methods.min.js
│   ├── app.js
│   ├── bootstrap-colorpicker.js
│   ├── bootstrap-datepicker.js
│   ├── bootstrap-datetimepicker.js
│   ├── bootstrap-fileupload.js
│   ├── bootstrap.min.js
│   ├── bootstrap-modal.js
│   ├── bootstrap-modalmanager.js
│   ├── bootstrap-rtl.min.js
│   ├── bootstrap-tag.js
│   ├── bootstrap-timepicker.js
│   ├── bootstrap-tree.js
│   ├── bootstrap-wysihtml5.js
│   ├── breakpoints.js
│   ├── breakpoints.min.js
│   ├── calendar.js
│   ├── canvas-to-blob.min.js
│   ├── charts.js
│   ├── chosen.jquery.min.js
│   ├── ckeditor.js
│   ├── clockface.js
│   ├── coming-soon.js
│   ├── contact-us.js
│   ├── date.js
│   ├── daterangepicker.js
│   ├── dropzone.js
│   ├── DT_bootstrap.js
│   ├── excanvas.js
│   ├── excanvas.min.js
│   ├── form-components.js
│   ├── form-fileupload.js
│   ├── form-samples.js
│   ├── form-validation.js
│   ├── form-wizard.js
│   ├── fullcalendar.min.js
│   ├── gallery.js
│   ├── gmaps.js
│   ├── inbox.js
│   ├── index.js
│   ├── jquery-1.10.1.min.js
│   ├── jquery-1.8.3.min.js
│   ├── jquery.backstretch.min.js
│   ├── jquery.blockui.min.js
│   ├── jquery.bootpag.min.js
│   ├── jquery.bootstrap.wizard.min.js
│   ├── jquery.cookie.min.js
│   ├── jquery.countdown.js
│   ├── jquery.dataTables.js
│   ├── jquery.dataTables.min.js
│   ├── jquery.easy-pie-chart.js
│   ├── jquery.fancybox.pack.js
│   ├── jquery.fileupload-fp.js
│   ├── jquery.fileupload.js
│   ├── jquery.fileupload-ui.js
│   ├── jquery.flot.crosshair.js
│   ├── jquery.flot.js
│   ├── jquery.flot.pie.js
│   ├── jquery.flot.resize.js
│   ├── jquery.flot.stack.js
│   ├── jquery.gritter.js
│   ├── jquery.iframe-transport.js
│   ├── jquery.input-ip-address-control-1.0.min.js
│   ├── jquery.inputmask.bundle.min.js
│   ├── jquery.knob.js
│   ├── jquery-migrate-1.2.1.min.js
│   ├── jquery.multi-select.js
│   ├── jquery.nestable.js
│   ├── jquery.pulsate.min.js
│   ├── jquery.slimscroll.min.js
│   ├── jquery.sparkline.min.js
│   ├── jquery.tagsinput.min.js
│   ├── jquery.toggle.buttons.js
│   ├── jquery-ui-1.10.1.custom.min.js
│   ├── jquery.ui.widget.js
│   ├── jquery.uniform.min.js
│   ├── jquery.validate.min.js
│   ├── jquery.vmap.europe.js
│   ├── jquery.vmap.germany.js
│   ├── jquery.vmap.js
│   ├── jquery.vmap.russia.js
│   ├── jquery.vmap.sampledata.js
│   ├── jquery.vmap.usa.js
│   ├── jquery.vmap.world.js
│   ├── jquery.xdr-transport.js
│   ├── load-image.min.js
│   ├── lock.js
│   ├── login.js
│   ├── login-soft.js
│   ├── maps-google.js
│   ├── maps-vector.js
│   ├── portlet-draggable.js
│   ├── respond.js
│   ├── respond.min.js
│   ├── search.js
│   ├── select2.min.js
│   ├── table-advanced.js
│   ├── table-editable.js
│   ├── table-managed.js
│   ├── tmpl.min.js
│   ├── ui-general.js
│   ├── ui-jqueryui.js
│   ├── ui-modals.js
│   ├── ui-nestable.js
│   ├── ui-sliders.js
│   ├── ui-tree.js
│   └── wysihtml5-0.3.0.js
├── page_about.html
├── page_blog.html
├── page_blog_item.html
├── page_calendar.html
├── page_coming_soon.html
├── page_contact.html
├── page_news.html
├── page_news_item.html
├── page_timeline.html
├── portlet_draggable.html
├── portlet_general.html
├── source.txt
├── table_advanced.html
├── table_basic.html
├── table_editable.html
├── table_managed.html
├── table_responsive.html
├── ui_buttons.html
├── ui_general.html
├── ui_jqueryui.html
├── ui_modals.html
├── ui_nestable.html
├── ui_sliders.html
├── ui_tabs_accordions.html
├── ui_tiles.html
├── ui_tree.html
└── ui_typography.html

40 directories, 617 files