为了账号安全,请及时绑定邮箱和手机立即绑定

问题出在那里?没有提示错误信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>饼图示例</title>
    <script src="echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 900px;height: 600px;"></div>
<script type="text/javascript">
 //基于准备好的dom,初始化echarts实例
 var myChart = echarts.init(document.getElementById('main'));
 //指定图表的配置项和数据
 var option={
        title:{
            text:'某站点用户访问来源',
 subtext:'纯属虚构',
 x:'center'
 },tooltip:{
        trigger:'item',
 formatter:"{a}<br/>{b}:{c}({d}%)"
 },legend:{
            orient:'vertical',
 left:'left',
 data:['直接访问',"邮件营销","联盟广告","视频广告","搜索引擎"]
        },
 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:'搜索引擎'}
            ],
 itemStyle:{
                emphasis:{
                    shadowBlur:10,
 shadowOffsetX:0,
 shadowColor:'rgba(0,0,0,0.5)'
 }
            }
        }]
    };
</script>
</body>
</html>


正在回答

2 回答

还需要通过setOption 方法生成才可以

0 回复 有任何疑惑可以回复我~

首先是 你把 option定义成变量了,还有最后没有调用使用方法,// 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);  
把前面的var option 换成option 最后在</script>前面加上 myChart.setOption(option); 

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
Echarts3.0入门基础与实战
  • 参与学习       53373    人
  • 解答问题       187    个

Echarts3.0入门视频教程,带你领略高逼格数据可视化的魅力

进入课程

问题出在那里?没有提示错误信息

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号