二次封装快捷实现Echarts可视化图表

ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。
现在将实际项目中用到的 柱状图的js统一封装,有效解决了多图表页面前端代码繁琐以及ajax请求次数较多的问题,步骤以及代码粘贴如下:
第一步:引入以下js:
<script type="text/javascript" src="/js/echarts.min.js"></script> 【可以上网上下载】
第二步:新建js,复制下面代码然后引入:
function initEcharts(containerId,titleText, subTitleText,legendArray,xArray,yName,colorArray,dataArray,nameArray) {  
        var seriesInfo =new Array();
        if(nameArray !=undefined && nameArray.length>0){
                $.each(nameArray, function(i,o) {
                        var seriesItem={
         
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值