创建数据统计图图形

我们在统计数据时，有图表的话我们更加的能够看清楚数据，下面如何创建一个图表
首先我们要登录一个图表网址，并且打开所有例图
在这里插入图片描述

里面会有各式各样的图标供你选择
我们随机点开一个打开后

里面会有相对应的代码块；

        title: {
            text: 'Referer of a Website',//标题
            subtext: 'Fake Data',//副标题
            left: 'center'//标题位置居中
        },  

        legend: {//图列样式
            orient: 'vertical',//图例列表的布局朝向 vertical是竖直反向 horizontal是横纵方向
            left: 'left'//图例组件离容器左侧的距离
        }

        series: [//这里面主要是饼图的大小和百分百
            {
                name: 'Access From',
                type: 'pie',
                radius: '50%',
                data: [//显示饼图百分比
                    { value: 1048, name: 'Search Engine' },
                    { value: 735, name: 'Direct' },
                    { value: 580, name: 'Email' },
                    { value: 484, name: 'Union Ads' },
                    { value: 300, name: 'Video Ads' }
           ],

            emphasis: {//阴影
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                  }
             }

我们将网址里面的代码修改到我们所需要的代码后，我们打开vs，先将需要的js拉进去，给图形设置一个大小，然后基于准备好的dom，初始化echarts实例，后面将修改后的代码复制粘贴到vs即可