jiliangzhifu2017/global/js/chartdate.js

        // 路径配置
        require.config({
            paths:{ 
                'echarts' : 'http://echarts.baidu.com/build/echarts'
            }
        });
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/pie', // 使用柱状图就加载bar模块，按需加载
                'echarts/chart/bar'
            ],
            function(ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('chartContainer'));   
                var option = {
                  title : {
                      text: '标段计量分布',
                      x:'left'
                  },
                  tooltip : {
                      trigger: 'item',
                      formatter: "{a} <br/>{b}：{c} <br>占总项目：{d}%"
                  },
                  legend: {
                    selectedMode:false,
                      orient : 'vertical',
                      x : 'left',
                      y : 'center',
                      data:['路基工程','桥涵工程','隧道工程','交叉工程']
                  },
                  calculable : true,
                  series : [
                      {
                          name:'标段计量分布',
                          type:'pie',
                          radius : '60%',
                          center: ['60%', 175],
                          data:[
                              {value:27814964.00, name:'路基工程'},
                              {value:41043186.10, name:'桥涵工程'},
                              {value:42917475.00, name:'隧道工程'},
                              {value:27634982.00, name:'交叉工程'}
                          ]
                      }
                  ]
                };
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                var myChart = ec.init(document.getElementById('chartContainer2'));   
                var option = {
                  title : {
                    text: '标段计量进度',
                    },
    tooltip : {
        trigger: 'axis',
        formatter: "{b}  <br/>{a}：{c}元 <br/>{a1}：{c1}元<br/>{a2}：{c2}%"
    },
    legend: {
        data:['累计合同计量','累计完成计量','完成进度百分比']
    },
    xAxis : [
        {
            type : 'category',
            data : ['路基工程','桥涵工程','隧道工程','交叉工程']
        }
    ],
    yAxis : [
        {
            type : 'value',
            name : '金额',
            position:'left',
            axisLabel : {
                formatter: '{value} 元'
            },
            splitArea : {show : true}
        },
        {
            type : 'value',
            name : '完成进度百分比',
            position:'right',
            max:'100',
            axisLabel : {
                formatter: '{value} %'
            },
            splitLine : {show : true}
        }
    ],
    series : [
        {
            name:'累计合同计量',
            type:'bar',
            data:[27814964.00,41043186.10, 42917475.00, 27634982.00],
        },
        {
            name:'累计完成计量',
            type:'bar',
            data:[20571481.02,28770211.71, 23427801.00, 1708798.00],
        },
        {
            name:'完成进度百分比',
            type:'line',
            yAxisIndex: 1,
            data:[73.95,70,54.58,6.18],
        }
    ]
                };
                // 为echarts对象加载数据 
                myChart.setOption(option); 
            }
        );