Echarts5.3.2可视化案例-时间轴动态柱形图

已于 2024-04-18 09:05:13 修改
阅读量1.4k 收藏 5
点赞数 1
分类专栏： 数据可视化-Echarts 数据分析与可视化 2024年数据可视化基础与应用 文章标签： 数据可视化
于 2023-11-09 16:59:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38139250/article/details/134315168
版权

Echarts5.3.2可视化案例-时间轴动态柱形图

Echarts案例

参考：

https://echarts.apache.org/zh/index.html
https://echarts.apache.org/examples/zh/editor.html?c=mix-timeline-finance

数据介绍

统计了互联网+最近3年的河南区的获奖情况，想分析下哪几个院校获奖较多，数据如下:

河南科技大学,250,2023
河南理工大学,151,2023
河南师范大学,124,2023
河南工业大学,97,2023
周口师范学院,92,2023
华北水利水电大学,89,2023
洛阳理工学院,80,2023
郑州航空工业管理学院,69,2023
河南大学,61,2023
郑州轻工业大学,54,2023
郑州铁路职业技术学院,49,2023
河南中医药大学,47,2023
河南农业大学,45,2023
郑州大学,36,2023
中原工学院,32,2023
河南工业职业技术学院,25,2023
黄淮学院,24,2023
郑州科技学院,21,2023
河南职业技术学院,20,2023
商丘师范学院,20,2023
河南师范大学,36,2022
河南科技大学,25,2022
河南职业技术学院,21,2022
河南理工大学,15,2022
河南工业大学,12,2022
郑州铁路职业技术学院,12,2022
河南大学,8,2022
河南工业职业技术学院,8,2022
河南农业大学,8,2022
河南经贸职业学院,7,2022
郑州航空工业管理学院,7,2022
河南应用技术职业学院,6,2022
黄河水利职业技术学院,6,2022
郑州大学,6,2022
郑州电力高等专科学校,6,2022
周口师范学院,5,2022
河南农业职业学院,4,2022
华北水利水电大学,4,2022
中原工学院,4,2022
国家开放大学河南分部,3,2022
河南科技大学,55,2021
河南师范大学,44,2021
黄河水利职业技术学院,35,2021
华北水利水电大学,33,2021
河南理工大学,27,2021
河南职业技术学院,27,2021
郑州航空工业管理学院,20,2021
郑州轻工业大学,19,2021
河南工业大学,18,2021
河南工业职业技术学院,17,2021
郑州铁路职业技术学院,17,2021
河南大学,16,2021
洛阳理工学院,16,2021
中原工学院,14,2021
郑州电力高等专科学校,13,2021
河南中医药大学,12,2021
平顶山学院,11,2021
河南应用技术职业学院,10,2021
河南经贸职业学院,9,2021
河南城建学院,8,2021
河南科技大学,77,2020
河南理工大学,58,2020
华北水利水电大学,52,2020
洛阳理工学院,46,2020
郑州航空工业管理学院,46,2020
河南师范大学,40,2020
黄河水利职业技术学院,34,2020
河南经贸职业学院,28,2020
河南应用技术职业学院,26,2020
河南工业职业技术学院,25,2020
河南农业大学,24,2020
中原工学院,24,2020
河南中医药大学,23,2020
许昌职业技术学院,23,2020
郑州电力高等专科学校,22,2020
三门峡职业技术学院,21,2020
黄淮学院,20,2020
南阳师范学院,20,2020
新乡医学院,16,2020
郑州铁路职业技术学院,15,2020

第1列为学校名称，第2列为获奖的数量，第3列为获奖的年份。

代码实现思路

搭建echarts的基本框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="echarts.js"></script>
</head>
<body>
    <body>
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main" style="width: 1536px;height:864px;"></div>
        <script type="text/javascript">
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
            
            // 1.指定图表的配置项和数据
            
            // 1.设置四年的获奖省份

			// 1.设置四年的获奖数量  

            var option = {
            // 2.填充时间轴设置与对应的数据
            
                
            }
     
    
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        </script>
    </body>
    
</body>
</html>

填充数据，包括年份，x轴的学校，y轴的数量

            // 指定图表的配置项和数据
            var yearlist = ['2020','2021','2022','2023'];
            // 指定每个年份的大学排名  用来做x轴
            var scohool_list=[
                ['河南科技大学','河南理工大学','华北水利水电大学','洛阳理工学院','郑州航空工业管理学院','河南师范大学','黄河水利职业技术学院','河南经贸职业学院','河南应用技术职业学院','河南工业职业技术学院','河南农业大学','中原工学院','河南中医药大学','许昌职业技术学院','郑州电力高等专科学校','三门峡职业技术学院','黄淮学院','南阳师范学院','新乡医学院','郑州铁路职业技术学院'],
                ['河南科技大学','河南师范大学','黄河水利职业技术学院','华北水利水电大学','河南理工大学','河南职业技术学院','郑州航空工业管理学院','郑州轻工业大学','河南工业大学','河南工业职业技术学院','郑州铁路职业技术学院','河南大学','洛阳理工学院','中原工学院','郑州电力高等专科学校','河南中医药大学','平顶山学院','河南应用技术职业学院','河南经贸职业学院','河南城建学院'],
                ['河南师范大学','河南科技大学','河南职业技术学院','河南理工大学','河南工业大学','郑州铁路职业技术学院','河南大学','河南工业职业技术学院','河南农业大学','河南经贸职业学院','郑州航空工业管理学院','河南应用技术职业学院','黄河水利职业技术学院','郑州大学','郑州电力高等专科学校','周口师范学院','河南农业职业学院','华北水利水电大学','中原工学院','国家开放大学河南分部'],
                ['河南科技大学','河南理工大学','河南师范大学','河南工业大学','周口师范学院','华北水利水电大学','洛阳理工学院','郑州航空工业管理学院','河南大学','郑州轻工业大学','郑州铁路职业技术学院','河南中医药大学','河南农业大学','郑州大学','中原工学院','河南工业职业技术学院','黄淮学院','郑州科技学院','河南职业技术学院','商丘师范学院']
            ]
            // 2020-2023年的获奖排名， 用来做y轴数据
            dataset=[
                [77,58,52,46,46,40,34,28,26,25,24,24,23,23,22,21,20,20,16,15],
                [55,44,35,33,27,27,20,19,18,17,17,16,16,14,13,12,11,10,9,8],
                [36,25,21,15,12,12,8,8,8,7,7,6,6,6,6,5,4,4,4,3],
                [250,151,124,97,92,89,80,69,61,54,49,47,45,36,32,25,24,21,20,20]
            ]

填充option中的数据

 		var option = {
                timeline:{
                    axisType: 'category',
                    autoPlay: true, // 是否自定播放
                    playInterval: 3000, //播放速度 毫秒
                    data: yearlist,
                    label:{
                        fontSize: 18
                    }
                },
                baseOption:{    
                    title: {
                        text: '2020年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
                    toolbox: {
                        feature: {
                            saveAsImage: {}
                        }
                    },
                    legend: {                
                    },               
                    grid: {
                        left: '10%',
                        bottom: '15%',
                        containLabel: true
                    },
                    xAxis: [
                        {
                        type:'category',
                        // data: countryList,
                        data:scohool_list[0],
                        axisPointer: {
                        type: 'shadow'
                        },
                        
                        axisLabel: {
                            formatter: function (value) {
                                // return '{' + value + '| }\n{value|' + value + '}';
                                return value ;
                            },
                            margin: 20,
                        } 
                        
                        },
                    ],
                    yAxis:[ 
                        {
                        name:'数量',
                        type:'value',
                        nameTextStyle:{
                            fontSize:18
                        },
                        axisLabel:{
                            fontSize:18
                        }
                        },                
                    ],
                    series: [                
                        {
                        type: 'bar',
                        data: scohool_list[0],
                        label:true,
                        },
                    ]
                },
                options:[
                    {
                    title:{
                        show:true,
                        text:2020+'年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    xAxis: [
                        {
                            type:'category',
                            // data: countryList,
                            data:scohool_list[0],
                            axisPointer: {
                            type: 'shadow'
                            },
                            
                            axisLabel: {
                                formatter: function (value) {
                                    // return '{' + value + '| }\n{value|' + value + '}';
                                    return value ;
                                },
                                interval:0,
                                rotate:90,
                                // margin: 20,
                            } 
                        },
                    ],
                    series: [
                        { data: dataset[0],
                            label:{show:true,} },
                    ]
                    },
                    {
                    title:{
                        show:true,
                        text:2021+'年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    xAxis: [
                        {
                            type:'category',
                            // data: countryList,
                            data:scohool_list[1],
                            axisPointer: {
                            type: 'shadow'
                            },
                            
                            axisLabel: {
                                formatter: function (value) {
                                    // return '{' + value + '| }\n{value|' + value + '}';
                                    return value ;
                                },
                                interval:0,
                                rotate:90,
                                // margin: 20,
                            } 
                        },
                    ],
                    series: [
                        { data: dataset[1],
                            label:{show:true,} },
                    ]
                    },
                    {
                    title:{
                        show:true,
                        text:2022+'年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    xAxis: [
                        {
                            type:'category',
                            // data: countryList,
                            data:scohool_list[2],
                            axisPointer: {
                            type: 'shadow'
                            },
                            
                            axisLabel: {
                                formatter: function (value) {
                                    // return '{' + value + '| }\n{value|' + value + '}';
                                    return value ;
                                },
                                interval:0,
                                rotate:90,
                                // margin: 20,
                            } 
                        },
                    ],
                    series: [
                        { data: dataset[2],
                            label:{show:true,} },
                    ]
                    },
                    {
                    title:{
                        show:true,
                        text:2023+'年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    xAxis: [
                        {
                            type:'category',
                            // data: countryList,
                            data:scohool_list[3],
                            axisPointer: {
                            type: 'shadow'
                            },
                            
                            axisLabel: {
                                formatter: function (value) {
                                    // return '{' + value + '| }\n{value|' + value + '}';
                                    return value ;
                                },
                                interval:0,
                                rotate:90,
                                // margin: 20,
                            } 
                        },
                    ],
                    series: [
                        { data: dataset[3],
                            label:{show:true,}},
                    ]
                    },

            ]
            };

在这里插入图片描述

完整代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="echarts.js"></script>
</head>
<body>
    <body>
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main" style="width: 1536px;height:864px;"></div>
        <script type="text/javascript">
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
            
            var option = {

            }
            // 指定图表的配置项和数据
            var yearlist = ['2020','2021','2022','2023'];
            // 指定每个年份的大学排名  用来做x轴
            var scohool_list=[
                ['河南科技大学','河南理工大学','华北水利水电大学','洛阳理工学院','郑州航空工业管理学院','河南师范大学','黄河水利职业技术学院','河南经贸职业学院','河南应用技术职业学院','河南工业职业技术学院','河南农业大学','中原工学院','河南中医药大学','许昌职业技术学院','郑州电力高等专科学校','三门峡职业技术学院','黄淮学院','南阳师范学院','新乡医学院','郑州铁路职业技术学院'],
                ['河南科技大学','河南师范大学','黄河水利职业技术学院','华北水利水电大学','河南理工大学','河南职业技术学院','郑州航空工业管理学院','郑州轻工业大学','河南工业大学','河南工业职业技术学院','郑州铁路职业技术学院','河南大学','洛阳理工学院','中原工学院','郑州电力高等专科学校','河南中医药大学','平顶山学院','河南应用技术职业学院','河南经贸职业学院','河南城建学院'],
                ['河南师范大学','河南科技大学','河南职业技术学院','河南理工大学','河南工业大学','郑州铁路职业技术学院','河南大学','河南工业职业技术学院','河南农业大学','河南经贸职业学院','郑州航空工业管理学院','河南应用技术职业学院','黄河水利职业技术学院','郑州大学','郑州电力高等专科学校','周口师范学院','河南农业职业学院','华北水利水电大学','中原工学院','国家开放大学河南分部'],
                ['河南科技大学','河南理工大学','河南师范大学','河南工业大学','周口师范学院','华北水利水电大学','洛阳理工学院','郑州航空工业管理学院','河南大学','郑州轻工业大学','郑州铁路职业技术学院','河南中医药大学','河南农业大学','郑州大学','中原工学院','河南工业职业技术学院','黄淮学院','郑州科技学院','河南职业技术学院','商丘师范学院']
            ]
            // 2020-2023年的获奖排名， 用来做y轴数据
            dataset=[
                [77,58,52,46,46,40,34,28,26,25,24,24,23,23,22,21,20,20,16,15],
                [55,44,35,33,27,27,20,19,18,17,17,16,16,14,13,12,11,10,9,8],
                [36,25,21,15,12,12,8,8,8,7,7,6,6,6,6,5,4,4,4,3],
                [250,151,124,97,92,89,80,69,61,54,49,47,45,36,32,25,24,21,20,20]
            ]         


            var option = {
                timeline:{
                    axisType: 'category',
                    autoPlay: true, // 是否自定播放
                    playInterval: 3000, //播放速度 毫秒
                    data: yearlist,
                    label:{
                        fontSize: 18
                    }
                },
                baseOption:{    
                    title: {
                        text: '2020年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
                    toolbox: {
                        feature: {
                            saveAsImage: {}
                        }
                    },
                    legend: {                
                    },               
                    grid: {
                        left: '10%',
                        bottom: '15%',
                        containLabel: true
                    },
                    xAxis: [
                        {
                        type:'category',
                        // data: countryList,
                        data:scohool_list[0],
                        axisPointer: {
                        type: 'shadow'
                        },
                        
                        axisLabel: {
                            formatter: function (value) {
                                // return '{' + value + '| }\n{value|' + value + '}';
                                return value ;
                            },
                            margin: 20,
                        } 
                        
                        },
                    ],
                    yAxis:[ 
                        {
                        name:'数量',
                        type:'value',
                        nameTextStyle:{
                            fontSize:18
                        },
                        axisLabel:{
                            fontSize:18
                        }
                        },                
                    ],
                    series: [                
                        {
                        type: 'bar',
                        data: scohool_list[0],
                        label:true,
                        },
                    ]
                },
                options:[
                    {
                    title:{
                        show:true,
                        text:2020+'年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    xAxis: [
                        {
                            type:'category',
                            // data: countryList,
                            data:scohool_list[0],
                            axisPointer: {
                            type: 'shadow'
                            },
                            
                            axisLabel: {
                                formatter: function (value) {
                                    // return '{' + value + '| }\n{value|' + value + '}';
                                    return value ;
                                },
                                interval:0,
                                rotate:90,
                                // margin: 20,
                            } 
                        },
                    ],
                    series: [
                        { data: dataset[0],
                            label:{show:true,} },
                    ]
                    },
                    {
                    title:{
                        show:true,
                        text:2021+'年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    xAxis: [
                        {
                            type:'category',
                            // data: countryList,
                            data:scohool_list[1],
                            axisPointer: {
                            type: 'shadow'
                            },
                            
                            axisLabel: {
                                formatter: function (value) {
                                    // return '{' + value + '| }\n{value|' + value + '}';
                                    return value ;
                                },
                                interval:0,
                                rotate:90,
                                // margin: 20,
                            } 
                        },
                    ],
                    series: [
                        { data: dataset[1],
                            label:{show:true,} },
                    ]
                    },
                    {
                    title:{
                        show:true,
                        text:2022+'年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    xAxis: [
                        {
                            type:'category',
                            // data: countryList,
                            data:scohool_list[2],
                            axisPointer: {
                            type: 'shadow'
                            },
                            
                            axisLabel: {
                                formatter: function (value) {
                                    // return '{' + value + '| }\n{value|' + value + '}';
                                    return value ;
                                },
                                interval:0,
                                rotate:90,
                                // margin: 20,
                            } 
                        },
                    ],
                    series: [
                        { data: dataset[2],
                            label:{show:true,} },
                    ]
                    },
                    {
                    title:{
                        show:true,
                        text:2023+'年互联网+获奖信息',
                        left: 'center',
                        textStyle:{
                            fontSize:24
                        }
                    },
                    xAxis: [
                        {
                            type:'category',
                            // data: countryList,
                            data:scohool_list[3],
                            axisPointer: {
                            type: 'shadow'
                            },
                            
                            axisLabel: {
                                formatter: function (value) {
                                    // return '{' + value + '| }\n{value|' + value + '}';
                                    return value ;
                                },
                                interval:0,
                                rotate:90,
                                // margin: 20,
                            } 
                        },
                    ],
                    series: [
                        { data: dataset[3],
                            label:{show:true,}},
                    ]
                    },

            ]
            };
           
    
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        </script>
    </body>
    
</body>
</html>
D3.js数据可视化基础——基于Notepad++、IDEA前端开发
所念皆星河
10-03 732
D3数据可视化基础。
Echarts横坐标时间轴，并缩放数据
程先生的博客
04-10 4062
本文中Echarts的版本为5.5.0首先说一下我们的项目背景，就是需要一个横坐标为的数据。折线分为数值类型和枚举类型，也就是说Y坐标为数值型或者枚举型的数据；然后数据的缩放是这样的，把请求到的数据，一次性的全部显示在折线中，并且需要支持鼠标滚轮和鼠标拖拽式，缩放查看局部的数据。效果如图所示：项目中的难点主要是三部分。1、查询的到的数据，比如查询的是今天的数据，但是今天的话，只有在10点和11点有数据，其他的时间没有数据；2、横坐标下面的显示的当前缩放完成之后的时间范围；
使用 ECharts 时间轴功能进行数据可视化
最新发布
m0_74972192的博客
07-29 2810
ECharts 是一个由百度开源的数据可视化库，支持多种图表类型，如折线图、柱状图、饼图等。它具有高性能、易用性和丰富的交互功能，非常适合用于数据分析和展示。ECharts 是一个功能强大的数据可视化工具，时间轴功能使得展示数据变化趋势变得更加容易。通过本文的示例代码和解析，希望你能更好地理解和应用 ECharts 的时间轴功能。
Java面试基础篇
m0_67392010的博客
07-29 3811
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。Java的强引用、弱引用、软引用、虚引用。Java语言基础常识。Java12新特性。JavaIO详解。...
ECharts案例
2303_77733754的博客
03-12 823
xAxis: {name: 'X轴标题',data: ['数据1', '数据2', '数据3']},yAxis: {name: 'Y轴标题',},series: [{}]
利用Echarts实现中国地图以及有时间轴的动态柱状图
10-25
利用百度Echarts实现按照七大地理区划分的中国地图以及带有时间轴的柱状图。每次选择的选择框时，地图数据会更新，实现界面交互，比如，选择肺癌时，地图上的数据是肺癌数据，地图右边会出现肺癌图片及描述。
echarts简单案例
m0_65912225的博客
06-30 723
【代码】echarts简单案例。
echarts最新版本：5.3.2
05-07
echarts图表处理最新版本，5.3.2，新增了多坐标轴刻度自动对齐、tooltip 数值格式化、地图投影等社区中期盼已久的特性
Tableau数据可视化与仪表盘搭建（外卖平台每日营收分析）
wwwwwwwwr的博客
03-27 1880
①本地文件②数据库。
使用Seaborn库进行高级数据可视化
数据可视化是将数据以图形化的形式展示出来，以帮助我们更好地理解和分析数据。在当今大数据时代，数据可视化在各个行业中都扮演着重要角色。而Seaborn库则是一种强大的Python库，用于创建各种各样的统计图表，从而...
echarts的几个例子
07-21
echarts使用的包含柱状图等几个例子，其中zoomData图表中添加了计算选择的区间的方法，可以进行及时查询。
echart以秒为单位的动态时间轴
09-05
echarts官网上的案例是按天来更新数据的，改成以秒为单位的还是费了一些功夫，现在把它上传到网上，等以后需要的时候再下载，通过对比两个代码应该就能很快明白要修改哪里
Echarts实例
11-29
简单的Echars使用小demo,解压后，直接点html便可以看到效果
echarts实例
08-29
输入数据会形成表格装数据,同时数据会形成对应的统计图,还可以选择统计图的类型.
【数据可视化艺术】：Excel图表美学设计指南
数据可视化是将复杂的数据集转化为易于理解和消化的视觉元素的艺术。本章将引领读者入门，涵盖数据可视化的基础理论和Excel这一广为使用的工具的基本使用方法。 ## 1.1 数据可视化的意义 数据可视化提供了一种强大...
清华大学软件工程教授透露，一本可以让小白变大神的python书籍已经出世
weixin_55688024的博客
03-19 768
前言 新新nix即将出版的书，这本书是讲python数据可视化的书，这本书是由人民邮电出版社出版，在2021-03 出版，适用于高校教材，非常适合小白看。 简介 本书采用理论与实例相结合的形式，以 Anaconda 3 为主要开发工具，全面地介绍了 Python 数 据可视化的相关知识。全书共分为 9 章，第 1 章介绍数据可视化与 matplotlib 的入门知识;第 2~8 章全面地介绍 matplotlib 的核心知识，包括使用 matplotlib 绘制简单图表、图表辅助元素的定制、.
echarts 基础图形使用
xin_yun_Jian的博客
10-27 444
1. 安装 npm install echarts --save2. 定义标签容器 <div id="main" style="width: 600px; height: 400px"></div> 3. 引入 import * as echarts from "echarts"; 4. 柱状图 initBar() { var myCha...
echarts案例
baogeprh的博客
04-23 203
最近在写图表，研究了一下echarts，写个小案例里面有各种配置的备注，折线图显示最大、最小值、平均值的功能。话不多说上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT从业者张某某

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值