echarts画饼图出不来。在页面控制台报:pie has not been required.

3Cc 发布于 2014/07/09 09:49
阅读 4K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:echarts画饼图出不来。在页面控制台报:“pie has not been required.”。我的div是在js中拼出来的:

function loading(){

var div="<div><div id='radarCollege' style='height:300px;border:1px solid #ccc;margin:10px 0;'></div></div>"
    $("#chartcont").html(div);
            pieDocumentType();

}


function pieDocumentType(){
      require.config({
        paths:{
            'echarts':getContextPath()+'/commons/charts/js/echarts',
            'echarts/chart/bar' :getContextPath()+'/commons/charts/js/echarts'
        }
    });  
     require(
        [
               'echarts',
             'echarts/chart/bar'
        ],
        function(ec) {
           var mychart=ec.init(document.getElementById('pieDocumentType'));
           var option = {
    title : {
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient : 'vertical',
        x : 'left',
        data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    series : [
        {
            name:'访问来源',
            type:'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]
};
           mychart.setOption(option);
       
        }
    );
}


加载中
0
Kener-林峰
Kener-林峰

图表没require啊,没有模块化经验就script引入吧

http://echarts.baidu.com/doc/start.html

iT小白鼠
iT小白鼠
我的刚才也是这个问题,找到原因了,在导入js的时候错了,因为用了jquery,重复导入了2次jquery的包引起.
Kener-林峰
Kener-林峰
回复 @3Cc : script式引入,不是说你没引文件 http://echarts.baidu.com/doc/doc.html#引入ECharts3
3Cc
3Cc
但是图得刷新两次-_-|||
3Cc
3Cc
好吧,现在图能出来了!
3Cc
3Cc
script有引入啊,而且把option换成柱图或者雷达等等就没有问题,只有饼图有问题,是我的esl.js文件有问题吗?
返回顶部
顶部