大数据可视化作业项目二

bai10161206

于 2024-03-20 15:08:25 发布

阅读量252

点赞数 2

文章标签：信息可视化数据可视化

本文链接：https://blog.youkuaiyun.com/bai10161206/article/details/136876762

版权

1.性别与入会方式堆积柱状图

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!--引入ECharts脚本-->
    <script type="text/javascript" src="js/echarts.js"></script>
</head>
<body>
    <div id="main" style="width: 600px;height: 400px;"></div>
    <script type="text/javascript">
        var myChart=echarts.init(document.getElementById("main"));
        var option={
            title:{   
                text :'堆积柱状图',
                subtext:'性别与入会方式'
            },
            tooltip:{                       
            trigger:'axis',                 
            axisPointer:{                  
                type:'shadow'           
            },
            },
            legend:{          
                data:['自愿','微信推广','节日活动','团购推销']
            },
            xAxis:{
                type:"category",  
                data:["男","女"]
            },
            yAxis:{
                type:"value", 
            },
            series:[{
                name:'自愿',
                type:'bar',
                data:[2,3]
            },{
                name:'微信推广',
                type:'bar',
                stack:'入会效果',
                data:[0,2]
            },{
                name:'节日活动',
                type:'bar',
                stack:'入会效果',
                data:[2,2]
            },{
                name:'团购推销',
                type:'bar',
                stack:'入会效果',
                data:[1,2]
            }]
        };
        myChart.setOption(op