关闭

echarts-图表

标签: echartsjs
204人阅读 评论(0) 收藏 举报
分类:

1. 为ECharts准备一个具备大小(宽高)的Dom

<div id="content" style="height:280px;"></div>

2.js设置

//创建图表
  function initBarChar(data){
   //自定义数据 

    var xArray=[];
    var series=[
          {name:'表数量', type:'bar',data:tableArray},
          {name:'视图数量', type:'bar',data:viewArray},
          {name:'字段数量', type:'bar',data:columnArray}
    ];
    
    // 路径配置  
    require.config({  
        paths:{   
            'echarts' : 'js/echarts',  
            'echarts/chart/bar' : 'js/echarts'  
       }  
    }); 

    // 使用  
    require(  
       [  
         'echarts',  
         'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载  
       ],  
       function (ec) {  
          // 基于准备好的dom,初始化echarts图表  
          var myChart = ec.init(document.getElementById('line1'));   
          var option={
                tooltip : {
                    trigger: 'axis'
                },
                legend: {
                    data:['表数量','视图数量','字段数量']  
                },
                dataZoom : {
                    show : true,
                    reltime: false,
                    start: 0,
                    end: 100
                },
                toolbox: {
                    show : true,
                    feature : {
                        restore : {show: true}
                    }
                },
                calculable : true,
                xAxis : [
                    {
                        type : 'category',
                        data : xArray,
                        axisLabel:{
                            rotate:0
                        }
                    }
                ],
                yAxis : [
                    {
                        type : 'value',
                        splitArea : {show : true}
                    }
                ],
                series :series
          };
          // 为echarts对象加载数据   
          myChart.setOption(option);   
       }  
    );  
 }


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:45191次
    • 积分:1029
    • 等级:
    • 排名:千里之外
    • 原创:59篇
    • 转载:9篇
    • 译文:0篇
    • 评论:4条
    文章分类
    最新评论