主题:数字化银行大屏
开发技术:
Echarts+html+css+js
支持平台:
dw,vscode,webstorm,idea,Hbuilderx等
源码:文末附
如需定制开发大屏,可在公众号内联系作者
部分js代码
</div> <div id="lo_8"> <div style="height: 10%;"> <button onclick="async_echart_china('container_8', 'map_china_map/map_china_map.json', 'confirmAdd')">新增金额</button> <button onclick="async_echart_china('container_8', 'map_china_map/map_china_map.json', 'confirm')">累计金额</button> <button onclick="async_echart_china('container_8', 'map_china_map/map_china_map.json', 'nowConfirm')">现有金额</button> </div> <div id="container_8" style="height: 90%;"></div> </div> <div id="lo_9">9</div> <div id="lo_10">10</div> </div> <!-- <ul id="right_menu" style="width: 200px;">--> <!-- <li><img src="img/drop-down.png"> 主题列表</li>--> <!-- <li>infographic</li>--> <!-- <li>macarons</li>--> <!-- <li>roma</li>--> <!-- <li>shine</li>--> <!-- <li>walden</li>--> <!-- <li>westeros</li>--> </body> <!-- 用户自定义函数依赖 --> <script type="text/javascript" src="js/udf/base.js"></script> <!-- 鼠标右键切换主题 theme [2/2] --> <script type="text/javascript" src="theme/js/switch_theme.js"></script> <script type="text/javascript" src="pie_source/loader.js"></script> <script type="text/javascript" src="line_visualMap/loader.js"></script> <script type="text/javascript" src="line_area_chart/loader.js"></script> <script type="text/javascript" src="map_china_map/loader.js"></script> <script type="text/javascript" src="bar_stacked/loader.js"></script> <script type="text/javascript" src="funnel/loader.js"></script> <script type="text/javascript" src="bar_markLine/loader.js"></script> <script type="text/javascript" src="pie_source_rose/loader.js"></script> <script type="text/javascript" src="bar_ROA/loader.js"></script> <script type="text/javascript" src="bar_horizontal/loader.js"></script> </html>
部分CSS代码
::focus-inner { padding: 0; border-style: none;} textarea { resize: vertical;} fieldset { min-width: 0; padding: 0; margin: 0; border: 0;} legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit;} @media (min-width: 1200px) { legend { font-size: 1.5rem; }} legend + * { clear: left;} ::datetime-edit-fields-wrapper, ::datetime-edit-text, ::datetime-edit-minute, ::datetime-edit-hour-field, ::datetime-edit-day-field, ::datetime-edit-month-field, ::datetime-edit-year-field { padding: 0;} ::inner-spin-button { height: auto;} [type=search] { outline-offset: -2px; appearance: textfield;}
想要源码的小伙伴们，请关注公众号Echarts技术专家，点击获取资源。
