纯前端js+echarts+xlsx.js 实现数据可视化
2021-02-18 13:17
标签:收入 array isp info trigger res call com cursor 纯前端js+echarts+xlsx.js 实现数据可视化 标签:收入 array isp info trigger res call com cursor 原文地址:https://www.cnblogs.com/Smoredemo/p/12941373.html客户所要求的功能点实现了.个人感觉代码比较low,环环相扣,大家有啥意见建议欢迎评论区,虚心受教
思路: mousedown获取分表名称,通过url 获取所需表格对象workbook,分析图表所需数据,数据根据需求分类到不通数组,数组传参至echarts,生成图表!style type="text/css">
.ccr ul{width: 420px;}
.ccr li{width: 200px;height: 50px;background: #f5f8fd;color: #003399;border: 1px solid #7e8fab;float: left;list-style: none;margin-left: 5px;
margin-top: 10px;text-align: center;line-height: 50px;cursor: pointer;}
.ccr li:hover{background: #003399;color:#fff;}
style>
div style="width:1200px">
div class="ccr" style="float: left;">
ul>
li onmousedown="getexname();" id=‘地区生产总值‘>地区生产总值li>
li onmousedown="getexname();" id=‘规模以上工业增加值‘>规模以上工业增加值li>
li onmousedown="getexname();" id=‘固定资产投资‘>固定资产投资li>
li onmousedown="getexname();" id=‘社会消费品零售总额‘>社会消费品零售总额li>
li onmousedown="getexname();" id=‘限额以上消费品零售额‘>限额以上消费品零售额li>
li onmousedown="getexname();" id=‘进出口总额‘>进出口总额li>
li onmousedown="getexname();" id=‘一般公共预算收入‘>一般公共预算收入li>
li onmousedown="getexname();" id=‘城镇居民人均可支配收入‘>城镇居民人均可支配收入li>
li onmousedown="getexname();" id=‘农村居民人均可支配收入‘>农村居民人均可支配收入li>
li onmousedown="getexname();" id=‘zjjc‘>a href="555">测试变化A标签hrefa>li>
ul>
div>
div id="mainex" style="width: 700px;height: 500px;float: left;">
div>
div id="main2" style="width: 700px;height: 500px;float: left;">div>
div>
文章标题:纯前端js+echarts+xlsx.js 实现数据可视化
文章链接:http://soscw.com/essay/57054.html