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={
现在将实际项目中用到的 柱状图的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={