vue+Echarts合集（饼图，柱状图，线图，双柱状图，堆叠柱状图）

最新推荐文章于 2024-07-24 11:11:41 发布
最新推荐文章于 2024-07-24 11:11:41 发布
阅读量453 收藏 1
点赞数
文章标签： vue.js echarts 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56916588/article/details/131718342
版权

 

echarts.init(this.$refs.AverageEcharts);

echarts.init方法中中设置你自己定义的ref（注意！！！）

getAverageEcharts() {
      // 基于准备好的dom，初始化echarts实例
      const myChart = echarts.init(this.$refs.AverageEcharts);
      const option = {
        // tooltip: {
        //   trigger: "axis",
        //   axisPointer: {
        //     // 坐标轴指示器，坐标轴触发有效
        //     type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
        //   },
        // },

        legend: {
          show: true,
          textStyle: {
            fontSize: 10, //字体大小
            color: "rgba(135,206,234)", //字体颜色
          },
          orient: "horizontal",
          top: "20",
          x: "40%",
          y: "center",
          itemWidth: 10,
          itemHeight: 3,
        },
        xAxis: [
          {
            name: "试题",
            tyoe: "category",
            axisTick: {
              // 轴刻度
              show: false,
            },
            axisLabel: {
              // 轴文字
              color: "rgb(51,188,254)",
              fontSize: 20,
            },
            axisLine: {
              // 轴线
              show: false,
            },
            data: ["物理试题一", "物理试题二", "物理试题三", "物理试题四"],
            axisLabel: {
              show: true,
              textStyle: {
                color: "rgb(51,188,254)",
              },
            },

            nameTextStyle: {
              color: "rgb(51,188,254)",
            },
          },
        ],
        yAxis: {
          name: "分数",
          nameTextStyle: {
            color: "rgb(51,188,254)",
          },
          type: "value",
          splitLine: {
            // 设置坐标轴在 grid 区域中的分隔线。
            show: true, // 是否显示分隔线。默认数值轴显示，类目轴不显示。
            lineStyle: {
              // 设置分割线式样
              // color: ['#aaa', '#ddd']   分隔线颜色，可以设置成单个颜色  Array || string
              type: "solid", // 线的类型。 string: 'solid' 'dashed' 'dotted' || number || Array
              opacity: 1, // 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
              color: "rgb(31,87,145)",
            },
          },
          // data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
          axisLabel: {
            show: true,
            textStyle: {
              color: "#fff",
            },
          },
          axisLine: {
            show: true,
            lineStyle: {
              color: "rgb(31,87,145)",
            },
          },
        },
        series: [
          {
            barWidth: "20%",
            name: "物理试题一",
            data: [
              {
                value: 7.85,
                itemStyle: {
                  color: "rgb(49,224,254)",
                },
              },
              null,
              null,
              null,
            ],
            stack: "Mon",
            // backgroundStyle: {
            //   color: "rgba(180, 180, 180, 0.2)",
            // },
            itemStyle: {
              normal: {
                label: {
                  show: true, //开启显示数值
                  position: "top", //数值在上方显示
                  textStyle: {
                    //数值样式
                    color: "rgb(147,224,249)", //字体颜色
                    fontSize: 14, //字体大小
                  },
                },
              },
            },
            type: "bar",
          },
          {
            barWidth: "20%",
            name: "物理试题二",
            data: [
              null,
              {
                value: 6.45,
                itemStyle: {
                  color: "rgb(74,254,176)",
                },
              },
              null,
              null,
            ],
            type: "bar",
            stack: "Mon",
            itemStyle: {
              normal: {
                label: {
                  show: true, //开启显示数值
                  position: "top", //数值在上方显示
                  textStyle: {
                    //数值样式
                    color: "rgb(147,224,249)", //字体颜色
                    fontSize: 14, //字体大小
                  },
                },
              },
            },
          },
          {
            barWidth: "20%",
            name: "物理试题三",
            data: [
              null,
              null,
              {
                value: 5.95,
                itemStyle: {
                  color: "rgb(169,241,184)",
                },
              },
              null,
            ],
            type: "bar",
            stack: "Mon",
            itemStyle: {
              normal: {
                label: {
                  show: true, //开启显示数值
                  position: "top", //数值在上方显示
                  textStyle: {
                    //数值样式
                    color: "rgb(147,224,249)", //字体颜色
                    fontSize: 14, //字体大小
                  },
                },
              },
            },
          },
          {
            barWidth: "20%",
            name: "物理试题四",
            data: [
              null,
              null,
              null,
              {
                value: 5.45,
                itemStyle: {
                  color: "rgb(51,188,254)",
                },
              },
            ],
            type: "bar",
            stack: "Mon",
            itemStyle: {
              normal: {
                label: {
                  show: true, //开启显示数值
                  position: "top", //数值在上方显示
                  textStyle: {
                    //数值样式
                    color: "rgb(147,224,249)", //字体颜色
                    fontSize: 14, //字体大小
                  },
                },
              },
            },
          },
        ],
      };
      // 绘制图表
      myChart.setOption(option);
    },

 

  getArbitration() {
      // 基于准备好的dom，初始化echarts实例
      const myChart = echarts.init(this.$refs.Arbitration);
      const option = {
        legend: {
          show: true,
          textStyle: {
            fontSize: 10, //字体大小
            color: "rgba(135,206,234)", //字体颜色
          },
          orient: "horizontal",
          top: "20",
          x: "40%",
          y: "center",
          itemWidth: 10,
          itemHeight: 3,
        },
        xAxis: [
          {
            name: "试题",
            tyoe: "category",
            axisTick: {
              // 轴刻度
              show: false,
            },
            axisLabel: {
              // 轴文字
              color: "rgb(51,188,254)",
              fontSize: 20,
            },
            axisLine: {
              // 轴线
              show: false,
            },
            data: ["物理试题一", "物理试题二", "物理试题三", "物理试题四"],
            axisLabel: {
              show: true,
              textStyle: {
                color: "rgb(51,188,254)",
              },
            },

            nameTextStyle: {
              color: "rgb(51,188,254)",
            },
          },
        ],
        yAxis: {
          name: "分数",
          nameTextStyle: {
            color: "rgb(51,188,254)",
          },
          type: "value",
          splitLine: {
            // 设置坐标轴在 grid 区域中的分隔线。
            show: true, // 是否显示分隔线。默认数值轴显示，类目轴不显示。
            lineStyle: {
              // 设置分割线式样
              // color: ['#aaa', '#ddd']   分隔线颜色，可以设置成单个颜色  Array || string
              type: "solid", // 线的类型。 string: 'solid' 'dashed' 'dotted' || number || Array
              opacity: 1, // 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
              color: "rgb(31,87,145)",
            },
          },
          // data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
          axisLabel: {
            show: true,
            textStyle: {
              color: "#fff",
            },
          },
          axisLine: {
            show: true,
            lineStyle: {
              color: "rgb(31,87,145)",
            },
          },
        },
        series: [
          {
            name: "未仲裁",
            type: "bar",
            data: [
              {
                value: 38,
                itemStyle: {
                  color: "rgb(49,223,253)",
                },
              },
              {
                value: 32,
                itemStyle: {
                  color: "rgb(49,223,253)",
                },
              },
              {
                value: 28,
                itemStyle: {
                  color: "rgb(49,223,253)",
                },
              },
              {
                value: 26,
                itemStyle: {
                  color: "rgb(49,223,253)",
                },
              },
            ],
            itemStyle: {
              normal: {
                label: {
                  show: true, //开启显示数值
                  position: "top", //数值在上方显示
                  textStyle: {
                    //数值样式
                    color: "rgb(147,224,249)", //字体颜色
                    fontSize: 14, //字体大小
                  },
                },
              },
            },
          },
          {
            name: "已仲裁",
            type: "bar",
            data: [
              {
                value: 15,
                itemStyle: {
                  color: "rgb(164,233,100)",
                },
              },
              {
                value: 15,
                itemStyle: {
                  color: "rgb(164,233,100)",
                },
              },
              {
                value: 17,
                itemStyle: {
                  color: "rgb(164,233,100)",
                },
              },
              {
                value: 8,
                itemStyle: {
                  color: "rgb(164,233,100)",
                },
              },
            ],
            itemStyle: {
              normal: {
                label: {
                  show: true, //开启显示数值
                  position: "top", //数值在上方显示
                  textStyle: {
                    //数值样式
                    color: "rgb(147,224,249)", //字体颜色
                    fontSize: 14, //字体大小
                  },
                },
              },
            },
          },
        ],
      };
      // 绘制图表
      myChart.setOption(option);
    },

 

 

getStOnePieChart() {
      const myChart = echarts.init(this.$refs.stOnePieChart);
      const option = {
        tooltip: {
          show: false,
          trigger: "item",
          formatter: "{a} <br/>{b}: {c} ({d}%)",
        },

        color: ["rgb(148,53,255)", "rgb(131,199,248)"],
        series: [
          {
            type: "pie",
            radius: ["50%", "70%"],
            avoidLabelOverlap: false,
            label: {
              normal: {
                show: false,
                position: "center",
              },
            },
            labelLine: {
              show: false,
            },
            data: [
              {
                value: 70,
              },
              {
                value: 100,
                label: {
                  normal: {
                    show: true,
                    formatter: "{d}%",
                    textStyle: {
                      fontSize: 12,
                      fontWeight: "bolder",
                    },
                  },
                },
              },
            ],
          },
        ],
      };

      myChart.setOption(option);
    },

 

 

 getFractional() {
      // 基于准备好的dom，初始化echarts实例
      const myChart = echarts.init(this.$refs.fractional);
      const option = {
        tooltip: {
          trigger: "axis",
        },

        legend: {
          show: true,
          textStyle: {
            fontSize: 10, //字体大小
            color: "rgba(135,206,234)", //字体颜色
          },
          orient: "horizontal",
          top: "0",
          x: "70%",
          y: "center",
          itemWidth: 10,
          itemHeight: 3,
          data: ["物理试题一", "物理试题二", "物理试题三", "物理试题四"],
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        xAxis: [
          {
            tyoe: "category",
            axisTick: {
              // 轴刻度
              show: false,
            },
            axisLabel: {
              // 轴文字
              color: "rgb(51,188,254)",
              fontSize: 20,
            },
            axisLine: {
              // 轴线
              show: false,
            },
            data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
            axisLabel: {
              show: true,
              textStyle: {
                color: "#fff",
              },
            },

            nameTextStyle: {
              color: "rgb(51,188,254)",
            },
          },
        ],
        yAxis: {
          name: "人数",
          nameTextStyle: {
            color: "rgb(51,188,254)",
          },
          type: "value",
          // data: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
          splitLine: {
            // 设置坐标轴在 grid 区域中的分隔线。
            show: true, // 是否显示分隔线。默认数值轴显示，类目轴不显示。
            lineStyle: {
              // 设置分割线式样
              // color: ['#aaa', '#ddd']   分隔线颜色，可以设置成单个颜色  Array || string
              type: "solid", // 线的类型。 string: 'solid' 'dashed' 'dotted' || number || Array
              opacity: 1, // 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
              color: "rgb(31,87,145)",
            },
          },
          axisLabel: {
            show: true,
            textStyle: {
              color: "#fff",
            },
          },
          axisLine: {
            show: true,
            lineStyle: {
              color: "rgb(31,87,145)",
            },
          },
        },
        series: [
          {
            name: "物理试题一",
            type: "line",

            data: [1, 1, 1, 1, 9, 2, 2, 9, 1, 5],
            symbol: "circle",
            symoblSize: 20,
            itemStyle: {
              normal: {
                color: "rgb(76,255,174)",
                lineStyle: {
                  width: 4,
                  color: "rgb(76,255,174)",
                  type: "solid",
                },
              },
            },
          },
          {
            name: "物理试题二",
            type: "line",
            symbol: "circle",
            symoblSize: 20,
            data: [2, 1, 1, 2, 2, 3, 3, 9, 1, 5],
            itemStyle: {
              normal: {
                color: "rgb(53,223,255)",
                lineStyle: {
                  width: 4,
                  color: "rgb(53,223,255)",
                  type: "solid",
                },
              },
            },
          },
          {
            name: "物理试题三",
            type: "line",
            symbol: "circle",
            symoblSize: 20,
            data: [1, 2, 2, 4, 1, 0, 0, 9, 1, 5],
            itemStyle: {
              normal: {
                color: "rgb(76,255,174)",
                lineStyle: {
                  width: 4,
                  color: "rgb(76,255,174)",
                  type: "solid",
                },
              },
            },
          },
          {
            name: "物理试题四",
            type: "line",
            symbol: "circle",
            symoblSize: 20,
            data: [0, 2, 3, 4, 3, 3, 0, 9, 1, 5],
            itemStyle: {
              normal: {
                color: "rgb(53,223,255)",
                lineStyle: {
                  width: 4,
                  color: "rgb(53,223,255)",
                  type: "solid",
                },
              },
            },
          },
        ],
      };
      // 绘制图表
      myChart.setOption(option);
    },

 

 

 getGlkstjEcharts(data) {
      const myChart = echarts.init(this.$refs.glkstjEcharts);
      const option = {
        tooltip: {
          trigger: "axis",
          axisPointer: {
            type: "shadow",
          },
        },
        legend: {
          show: true,
          textStyle: {
            fontSize: 15, //字体大小
            color: "rgba(135,206,234)", //字体颜色
          },
          orient: "horizontal",
          top: "0",
          selectedMode: false,
          y: "center",
          itemWidth: 10,
          itemHeight: 10,
          data: [
            "仲裁重考考生",
            "待编排考生",
            "缓考考生",
            "违规考生",
            "待仲裁考生",
          ],
        },
        // grid: {
        //   left: "3%",
        //   right: "4%",
        //   bottom: "3%",
        //   containLabel: true,
        // },
        xAxis: [
          {
            tyoe: "category",
            axisTick: {
              // 轴刻度
              show: false,
            },
            axisLabel: {
              // 轴文字
              color: "rgb(51,188,254)",
              interval: 0,
              // fontSize: 10,
            },
            axisLine: {
              // 轴线
              show: false,
            },
            data: [
              "天河区",
              "越秀区",
              "荔湾区",
              "海珠区",
              "番禺区",
              "白云区",
              "南沙区",
              "从化区",
              "增城区",
              "黄埔区",
              "花都区",
            ],
            axisLabel: {
              //轴文字完全显示
              interval: 0,
              show: true,
              textStyle: {
                color: "#fff",
              },
            },

            nameTextStyle: {
              color: "rgb(51,188,254)",
            },
          },
        ],
        yAxis: [
          {
            name: "人数",
            nameTextStyle: {
              color: "rgb(51,188,254)",
              fontSize: 20,
            },
            type: "value",
            // data: [0, 50, 100, 150, 200, 250],
            splitLine: {
              // 设置坐标轴在 grid 区域中的分隔线。
              show: true, // 是否显示分隔线。默认数值轴显示，类目轴不显示。
              lineStyle: {
                // 设置分割线式样
                // color: ['#aaa', '#ddd']   分隔线颜色，可以设置成单个颜色  Array || string
                type: "solid", // 线的类型。 string: 'solid' 'dashed' 'dotted' || number || Array
                opacity: 1, // 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
                color: "rgb(31,87,145)",
              },
            },
            axisLabel: {
              show: true,
              textStyle: {
                color: "#fff",
              },
            },
            axisLine: {
              show: true,
              lineStyle: {
                color: "rgb(31,87,145)",
              },
            },
          },
        ],
        series: [
          {
            name: "仲裁重考考生",
            type: "bar",
            stack: "overlap",
            emphasis: {
              focus: "series",
            },
            data: [320, 332, 301, 334, 390, 500, 332, 301, 334, 390, 500],
            itemStyle: {
              normal: {
                color: "#39A0FF",
                lineStyle: {
                  width: 4,
                  color: "#39A0FF",
                },
              },
            },
          },
          {
            name: "待编排考生",
            type: "bar",
            stack: "overlap",
            emphasis: {
              focus: "series",
            },
            data: [120, 132, 101, 134, 90, 400, 332, 301, 334, 390, 500],
            itemStyle: {
              normal: {
                color: "#43D8DC",
                lineStyle: {
                  width: 4,
                  color: "#43D8DC",
                },
              },
            },
          },
          {
            name: "缓考考生",
            type: "bar",
            stack: "overlap",
            emphasis: {
              focus: "series",
            },
            data: [220, 182, 191, 234, 290, 300, 332, 301, 334, 390, 500],
            itemStyle: {
              normal: {
                color: "#0DC87D",
                lineStyle: {
                  width: 4,
                  color: "#0DC87D",
                },
              },
            },
          },
          {
            name: "违规考生",
            type: "bar",
            stack: "overlap",
            emphasis: {
              focus: "series",
            },
            data: [150, 232, 201, 154, 190, 200, 332, 301, 334, 390, 500],
            itemStyle: {
              normal: {
                color: "#F7C348",
                lineStyle: {
                  width: 4,
                  color: "#F7C348",
                },
              },
            },
          },
          {
            name: "待仲裁考生",
            type: "bar",
            stack: "overlap",
            data: [862, 1018, 964, 1026, 1679, 100, 332, 301, 334, 390, 500],
            emphasis: {
              focus: "series",
            },
            itemStyle: {
              normal: {
                color: "#F99414",
                lineStyle: {
                  width: 4,
                  color: "#F99414",
                },
              },
            },
          },
        ],
      };
      myChart.setOption(option);
    },

binzw
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Springboot+mybatis+echarts实现数据可视化 折线图饼图柱状图
06-22
在这个项目中，我们将探讨如何使用Springboot、Mybatis和Echarts这三种技术来实现数据的可视化，包括折线图、饼图和柱状图。这些图表类型广泛用于数据分析、报表展示和决策支持。 首先，Springboot是基于Spring框架...
vue+echarts数据显示通用模板
05-31
【Vue+ECharts数据显示通用模板】是一个用于快速搭建数据可视化项目的框架，它集成了柱状图、饼图、地图和表格等多种数据展示方式，旨在帮助开发者实现数据展示功能时能够快速上手，节省开发时间。这个模板充分利用...
Vue+Echarts可视化详解（统计图）
qq_53438100的博客
03-04 2265
Echarts–商业级数据图表，它是一个纯JavaScript的图标库，可以流畅的运行在PC和移动设备上，兼容 当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等，底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据 视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
vue使用echarts实现双柱状图和双y轴的柱状图
温小鹿的博客
07-21 1996
1.引入 cnpm i echarts -S 2.main.js中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 3.echarts.vue文件中 实现多个柱形图就用series 双y轴就用yAxis多放一个参数 <template> <div class="MonthsCon"> <div id="MonthsConChart" style=" height: 230px"
记录vue一个echarts页面 柱状图加平均分横线 双柱状图 横向双柱状图
qq_27806371的博客
06-11 340
柱状图加平均分横线 双柱状图 横向双柱状图
vue+echarts实现一个叠堆柱状图
祈澈菇凉
03-02 2187
关于一些经常用到的参考文档：这里都罗列一下,查找起来比较方便 Element UI手册：https://cloud.tencent.com/developer/doc/1270 github地址：https://github.com/ElemeFE/element vue2.0官方网站：http://caibaojian.com/vue/guide/installation.html elemen...
springBoot + Vue + Echarts 实现饼状图与柱状图
a613718的博客
06-29 2601
注意：使用前需引入echarts.js echarts官网可以下载 前端页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>货物种类管理页面</title> <link rel="stylesheet" href="../bootstrap/css/bootstrap.css"> <st.
vue3+ts+echarts 3D饼图
weixin_41639609的博客
12-06 2135
vue3+ts+echarts饼图
vue2+echarts实现3d柱状图
qq_39500287的博客
10-12 520
【代码】vue2+echarts实现3d柱状图。
vue3+echarts实现饼图，多折线图，横向柱状图
qq_53608274的博客
05-15 314
【代码】vue3+echarts实现饼图，多折线图，横向柱状图。
Vue2+Echarts-堆叠柱状图
qq_43657722的博客
01-04 710
Vue2+Echarts-堆叠柱状图
vue+echarts实现折线图、柱状图、饼图大屏纯前端
cxf_L的博客
11-15 642
vue+echarts实现折线图、柱状图、饼图大屏纯前端
vue+echarts+DataV，数据可视化系统.zip
06-09
ECharts 是百度推出的一款开源的、基于JavaScript的数据可视化库，它支持多种图表类型，如折线图、柱状图、饼图、散点图等，并且具有丰富的交互功能。ECharts的特点包括高性能、易用性、灵活性和丰富的API及配置项。...
echarts横向堆叠柱状图.zip
10-11
标题 "echarts横向堆叠柱状图.zip" 提示我们将讨论如何在 ECharts 中创建横向堆叠柱状图。与传统的垂直堆叠柱状图相比，横向堆叠柱状图将X轴作为分类轴，Y轴作为数值轴，使数据更容易在水平方向上比较。 描述中提到...
vue+echarts实现动态绘制图表及异步加载数据的方法
10-17
在 Vue 框架中，结合 Echarts 图表库可以方便地实现动态绘制图表，包括折线图、柱状图等。Echarts 是一个基于 JavaScript 的开源可视化库，提供了丰富的图表类型和强大的交互功能，适合用于数据可视化需求。下面我们...
详解Vue中nextTick的原理与作用
最新发布
fengjing81的专栏
07-24 919
Vue中的nextTick是一个非常重要的API，它允许开发者延迟回调函数的执行直到下次DOM更新循环之后。这一机制在Vue开发中非常有用，特别是在处理DOM更新和异步操作时。下面将详细解释nextTick的原理与作用。
vue实现电子签名、图片合成、及预览功能
weixin_58572700的博客
07-23 1212
本文介绍了电子签名、图片合成、及预览功能
Vue系列面试题
qq_44186810的博客
07-23 1058
Vue2中采用Object.defineProperty来实现数据响应式，Object.definePropery虽然可以监听到数组的变化，但是由于在性能和体验的性价比上考虑，Vue2放弃了这个特性。1）v-for优先于v-if被解析，从源码中发现，先处理静态节点，在处理once，在处理for，在处理if，代码显示for的优先级比if高，断点调试也证实for优先于if。v-if：是惰性渲染机制，在属性初始为false时，组件就不会被渲染，直到条件为true，并且切换条件时会触发销毁/挂载组件。
vue实现echarts横向柱状图
06-02
好的，以下是实现横向柱状图的Vue代码，假设已经安装好了echarts： ```html <template> <div id="chart" style="height: 400px;"></div> </template> <script> import echarts from 'echarts'; export default { mounted() { const chartDom = document.getElementById('chart'); const myChart = echarts.init(chartDom); const option = { xAxis: { type: 'value', boundaryGap: [0, 0.01] }, yAxis: { type: 'category', data: ['A', 'B', 'C', 'D', 'E'] }, series: [ { type: 'bar', data: [10, 20, 30, 40, 50], barWidth: 20, label: { show: true, position: 'right', formatter: '{c}%' }, itemStyle: { color: '#00bfff' } } ] }; myChart.setOption(option); } } </script> ``` 这段代码实现了一个横向柱状图，其中x轴表示数值，y轴表示类别，数据为一个数组，每个数组元素对应一个柱子，barWidth表示柱子宽度，label表示柱子上的文字标签，itemStyle表示柱子的样式。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值