Echarts,每日一图——平滑折线图

ECharts系列:echart中折线图折线设置不平滑显示 ECharts 中,你可以通过配置项来控制折线图的线条是否平滑显示。 默认情况下,折线是不平滑的(即直线)。如果你想要设置折线为不平滑显示,只需要确保 smooth 属性被设置为 false 或者不设置该属性,因为它的默认值就是 false。 阅读详情

昨天跟大家讲了基础折线图,今天跟大家讲一下平滑折线图。效果如下:
在这里插入图片描述
我们可以看到,平滑折线图的线条是非常流畅的。其实如果昨天的基础折线图大家学会了的话,今天的平滑折线图是非常容易学的。
首先,我们先看一下代码:

//data.js
mydata(
{
    "data":[1,2,3,4,5],
    "zhi":[12,13,14,20,16]
}
)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>平滑折线图</title>
    <script src="../../js/echarts.min.js"></script>
</head>
<body>
    <div id="main" style="width: 600px;height: 300px;"></div>
    <script type="text/javascript">
        var mydata=function(data){
            var mycharts=echarts.init(document.getElementById("main"));
            var option={
                title:{
                    text:'测试'
                },
                tooltip:{},
                legend:{
                    data:['test']
                },
                xAxis:{
                    type:'category',        //坐标轴类型:类目轴
                    data:data.data
                },
                yAxis:{
                    type:'value'        //坐标轴类型:数值轴
                },
                series:[{
                    name:'test',
                    type:'line',
                    data:data.zhi,
                    smooth:true,        //平滑曲线图。值可为数字      
                }]
            };

            mycharts.setOption(option);
        }
    </script>
    <script src="data.js"></script>
</body>
</html>

从代码我们可以看出来,相比较于基础折线图,平滑折线图只是在series配置项里面多了一个属性:smooth:true。

  • smooth:是否平滑曲线显示。
    如果是 boolean 类型,则表示是否开启平滑处理。如果是 number 类型(取值范围 0 到 1),表示平滑程度,越小表示越接近折线段,反之则反。设为 true 时相当于设为 0.5。

源代码小编已经上传,详见:https://download.youkuaiyun.com/download/four_three/13452924

欢迎大家加入小编的学习课堂,希望此文章能够帮助到你,谢谢~

Echarts 快速入门折线图 只需要把类型设置为line即可这里xAxis和yAxis的type属性都可以隐去不写。因为坐标轴的默认类型是数值型,而xAxis指定了类目型的data,所以ECharts也能识别出这是类目型的坐标轴。为了让大家更容易理解,我们特意写了type。在实际的应用中,如果是'value'类型,也可以省略不写。笛卡尔坐标系折线图如果我们希望折线图在横坐标和纵坐标上都是连续的,即在笛卡尔坐标系中,只要把series的data每个数据用一个包含两个元素的数组表示就行了。option = { 阅读详情

相关推荐

趋势可视化图表大全:从折线图到流图,掌握数据趋势分析核心技巧

数据可视化是数据分析与数据科学领域的基础技能,其核心原理在于将抽象数据转化为直观图形,以揭示数据背后的模式、趋势和关联。在时间序列分析中,趋势可视化技术尤为重要,它通过折线图、面积图等基础图表,以及流图、地平线图等高级形式,帮助分析师和决策者快速把握数据随时间变化的规律。从工程实践角度看,掌握正确的图表选择逻辑和设计原则,能极大提升数据沟通效率和决策质量。例如,在处理多序列对比时,合理运用小多图(Small Multiples)可以避免“意大利面图”的混乱;而在展示成分数据演变时,流图(Streamgrap

weixin_34034261的博客 310

echarts高度设置height:100%不起作用

echarts height:100%不起作用

小武的博客 5344

光伏储能交直流微电网Matlab/Simulink仿真模型

首先是光伏储能交直流微电网,这个也是我还是之前在硕士期间在做光伏扶贫项目时候搭建的仿真,仿真由光伏、蓄电池及负载组成的独立直流微电网,提出电压和电流分段式协同控制策略。接下来我将主要更新关于光伏、风电、储能微电网系统相关的内容,包括具体建模和控制。

2401_89292556的博客 785

echarts教程(一): 如何使echarts折线图连线平滑

只需要在service中添加 smooth: true 完整示例代码 option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [820, 932, 901, 934, 1290, 13

知无涯 1万+

(UE4 4.27) HISM性能优化:从空间剔除到合批渲染的实战解析

本文深入解析了UE4 4.27中HISM(UHierarchicalInstancedStaticMesh)组件的性能优化原理与实战技巧。核心在于利用其N叉树空间结构实现高效的CPU视锥剔除,并结合GPU实例化进行合批渲染。文章详细探讨了从控制叶子节点粒度、平衡剔除精度与渲染效率,到结合LOD系统等关键参数的调优方法,为开放世界或大场景的植被性能瓶颈提供了系统解决方案。

weixin_29015051的博客 327

AMCL实战:如何用2D激光雷达在ROS中实现稳定重定位(附参数调优指南)

本文深入解析了在ROS中使用2D激光雷达实现稳定AMCL重定位的实战技巧与参数调优指南。针对粒子发散、位姿跳变等常见问题,文章从算法核心原理出发,系统讲解了初始化、粒子滤波、运动与观测模型等关键参数的分类与调优策略,并提供了一套经过验证的调优框架,帮助开发者提升移动机器人在已知地图环境下的定位鲁棒性和稳定性。

sql99的博客 135

【Echarts系列】平滑折线面积图

Vue版本以及脚本语言的选择各有不同,核心内容主要是option,重点关注该部分内容即可。为了节省后续开发学习成本,这个系列将记录我工作所用到的一些echarts图表。

kk爱闹 1506

uni-app一键登录实战:从云函数配置到前端调用的完整指南

本文详细介绍了uni-app中一键登录功能的实现方法,从DCloud控制台配置到云函数开发,再到前端调用全流程。通过一键登录,用户无需输入账号密码即可快速使用本机手机号登录,显著提升用户体验和登录转化率。文章还提供了常见问题排查和安全合规要点,帮助开发者高效完成集成。

weixin_29291573的博客 445

Echarts,每日一图——(平滑)折线面积图

昨天跟大家讲了平滑折线图,今天跟大家讲一下折线面积图。有平滑折线面积图和基础折线面积图两种效果: 其实二者只有一点点差别,接下来我们看下代码: //data.js mydata( { "data":[1,2,3,4,5], "zhi":[12,13,14,20,16] } ) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na

four_three的博客 5026

CubeMX配置ADC+DMA避坑实战:如何避免采样过快导致的系统崩溃

本文针对STM32开发中常见的ADC采样过快导致程序卡死问题,提供了基于CubeMX的实战避坑指南。通过分析ADC与DMA协作机制,详解时钟配置、采样时间、DMA缓冲区长度及中断设置等关键步骤,帮助开发者从源头规避系统崩溃风险,实现稳定可靠的数据采集。

weixin_28273593的博客 324

ECharts综合案例一:近七天跑步数据

通过 ECharts 创建的一周跑步数据图表,我们不仅能够追踪运动表现,还能够通过视觉化的方式获得洞察和启发。#ECharts #跑步数据 #数据可视化 #雷达图 #折线图。

No_Name_Cao_Ni_Mei的博客 1071

ROS从入门到精通6-2:gmapping激光建图与自定义建图功能包

本文用Turtlebot3实例直观介绍激光建图概念,并实现自定义建图功能包(自动建图与键盘手动控制建图)

FRIGIDWINTER的博客 2662

Echarts 图表绘制:折线图

Echarts是一款基于JavaScript的开源可视化库,由百度开发和维护。它提供了丰富多样的图表类型,其中折线图是其中一种常用的图表类型。折线图通过连接数据点所形成的折线来展示数据的变化趋势。在折线图中,通常使用x轴表示时间或者类别,y轴表示数据的大小。折线图可以清晰地展示数据的波动情况,帮助用户发现数据的趋势和规律。Echarts折线图具有以下特点:高度可定制:Echarts提供了丰富的配置选项,可以自定义折线的样式、颜色、标签等,以及整个图表的标题、图例等。

梁辰兴的博客 1667

15、SQL Server查询优化与CPU负载管理

本文深入探讨了SQL Server查询优化与CPU负载管理的关键技术,包括强制连接类型的使用、键查找问题的解决、索引设计的最佳实践、高CPU负载的排查与优化,以及并行性的利弊与调整策略。通过优化查询逻辑、合理设计索引、监控与管理CPU资源,可以显著提升SQL Server的性能和稳定性。适用于数据库开发人员和DBA进行性能调优参考。

pz8901234的博客 77

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

WeBlog 数据可视化实战:ECharts 文章发布热图与 PV 走势图实现原理

想要让个人博客的后台更有"科技感",数据可视化是绕不开的一环。WeBlog 作为一款基于 Spring Boot + Vue 3.2 + Vite 4.3 的前后端分离个人博客系统,在后台仪表盘中内置了 ECharts 图表:一张展示每日文章发布情况的**文章发布热图**(日历热力图),一张追踪近 7 天访问量的 **PV 走势图**(折线图)。本文从零拆解这两张图表的完整实现原理,带你搞懂"前端

gitblog_00890的博客 1027

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

echarts折现变曲线,echarts 改变折线图曲线颜色、区域颜色

效果图: 代码:option = {xAxis: {type: 'category',boundaryGap: false,data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [820, 932, 901, 934, 1290, 1330, 1320],typ...

weixin_39628405的博客 332

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

ECharts 实现气象数据可视化的教程

是一个由百度开源的强大的数据可视化库,它能够通过简单的配置和灵活的扩展生成交互式图表。对于气象数据的可视化,ECharts 提供了丰富的图表类型,如热力图、雷达图、折线图、风场图等,适用于展示温度、降雨量、风速、风向等气象要素。本文将带你从基础开始,逐步介绍如何使用 ECharts 实现气象数据的可视化。

专注AI大模型,软件混淆,授权 2989

每日五个pyecharts可视化图表-line:从入门到精通 (3)

本文介绍了pyecharts中五种高级折线图应用。通过平滑折线图可流畅展示数据趋势;雨量流量关系图利用双Y轴对比分析相关指标;多X轴折线图适应复杂数据维度;堆叠区域图呈现部分与整体关系;阶梯图突出离散变化。这些图表各具特色,适用于水文、气象、金融等领域的专业数据分析。文章提供了详细的Python代码示例和参数说明,帮助读者快速掌握这些高级可视化技巧。掌握这些图表能显著提升数据呈现效果,使分析结果更加直观和具有说服力。

大数据内容个人总结与分享 1174

echarts 空心点曲线图

echarts 空心点曲线图。

qq_41615201的博客 750

ECharts社区实战:构建疫情数据大屏

最近在做一个疫情数据可视化项目,正好用到了ECharts这个强大的图表库。平台内置了ECharts环境,支持实时预览和调试,还能一键发布让其他人访问你的项目。我实际操作发现,从开发到上线整个过程非常顺畅,省去了繁琐的环境配置步骤。数据可视化是理解复杂信息的有力工具,通过这个项目我不仅掌握了ECharts的核心用法,也对疫情数据有了更直观的认识。我选择了从公开数据源获取各省份的累计确诊、治愈病例和新增病例数据,同时模拟了不同年龄段的感染比例。特别是遇到问题时,社区中的解决方案往往能快速解决问题。

JetRaven12的博客 549

eCharts和antv F2画图优化、问题集合

折线图 1 、折线图平滑、去除折线图的圆点⚪ series: [ { name: '邮件营销', type: 'line', stack: '总量', smooth: true,//折线平滑 symbol: "none",//去折线圆点 data: [-10,3.9, 5.9, 11.1, 18.7, 48.3, 69.2] }, {

weixin_43797908的博客 1086

基于IDEA+Echarts+Mysql开发的大屏数据可视化信息(疫情数据相关)

基于IDEA+Echarts+Mysql开发的大屏数据可视化信息(疫情数据相关)项目介绍????????在当前全球公共卫生事件频发,尤其是新冠疫情持续影响的背景下,及时、准确地掌握疫情数据对于政府决策、公众防护及医疗资源配置至关重要。为了更有效地向公众展示疫情动态,提升信息透明度与公众参与度,我们决定开发一款基于IDEA(IntelliJ IDEA)集成开发环境,结合Echarts图表库与MySQL数据库的大...

zgz102928的博客 939

折线图进阶指南:从数据可视化到时间序列叙事与洞察

数据可视化是数据分析与商业智能的核心环节,其本质在于将抽象数据转化为直观图形,以揭示模式、趋势和异常。折线图作为最基础且强大的可视化图表之一,其原理在于通过点与线的连接,在二维平面上映射一个变量随另一个有序变量(通常是时间)的连续变化。这项技术的价值在于将复杂的时间序列数据或序列比较关系,转化为易于人类视觉系统理解的叙事线索,从而支持趋势分析、周期性识别和异常监测。在业务实践中,折线图广泛应用于网站流量监控、销售业绩追踪、金融市场分析及系统运维等场景。本文聚焦于折线图的深层应用,探讨如何通过坐标轴优化、多线

weixin_34408624的博客 350

vue 结合v-chart 实现折线图

1. 结构: <ve-line:data="chartData":extend="chartExtend"height="500px"></ve-line> 2. 数据 chartData:{ columns:['日期','访问用户','下单用户','下单率'], rows:[ {日期:'1/1',访问用户:1393,下单用户:1093,下单率:320.32}, ...

Kill_paradise的博客 1600
上一篇: Echarts,每日一图——基础折线图(含异步加载数据)
下一篇: Echarts,每日一图——(平滑)折线面积图
four_three
博客等级 码龄6年 7粉丝 8原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值