Echarts基本用法以及参数详情

已于 2022-12-03 18:36:13 修改
阅读量1.3k 收藏 5
点赞数 1
文章标签： echarts 前端 javascript
于 2022-12-03 16:35:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sgfzd/article/details/128162095
版权

Echarts基本用法以及参数详情

echarts目录

1.什么是Echarts？

2.常见的数据可视化库：

  1. D3.js 目前web端最高javascript可视化工具库（入手难）
  2. ECharts 百度出品的一个开源javasc数据可视化库
  3. Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用
  4. AntV 蚂蚁金服全新一代数据可视化解决方案 等等
  5. Highcharts 和 Echarts 就像是 Office 和 WPS 的关系

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

3.Echarts-体验

官方教程

使用步骤
  1. 引入echarts 插件文件到html页面中
  2. 准备一个具备大小的DOM容器
<div id="main" style="width: 600px;height:400px;"></div>
  1. 初始化echarts实例对象
var myChart = echarts.init(document.getElementById('main'));
  1. 指定配置项和数据(option)
var option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};
  1. 将配置项设置给echarts实例对象
myChart.setOption(option);

6.让图表跟随屏幕自动的去适应

  window.addEventListener('resize', function () {
    myChart.resize()
  })

4.Echarts基本配置

这是要求同学们知道以下配置每个模块的主要作用干什么的就可以了

需要了解的主要配置：series xAxis yAxis grid tooltip title legend color

  • series
    • 系列列表。每个系列通过 type 决定自己的图表类型
    • 大白话：图标数据，指定什么类型的图标，可以多个图表重叠。
  • xAxis：直角坐标系 grid 中的 x 轴
    • boundaryGap: 坐标轴两边留白策略 true，这时候刻度只是作为分隔线，标签和数据点都会在两个刻度之间的带(band)中间。
  • yAxis：直角坐标系 grid 中的 y 轴
  • grid：直角坐标系内绘图网格。
  • title：标题组件
  • tooltip：提示框组件
  • legend：图例组件
  • color：调色盘颜色列表
    数据堆叠，同个类目轴上系列配置相同的stack值后 后一个系列的值会在前一个系列的值上相加。

5.Echarts配置详细参数

title：标题
title: {
        text: 'test',
        x: 'center',
        backgroundColor: 'rgb(8, 10, 90,.4)',//标题背景颜色，默认'rgba(0,0,0,0)'透明
        textStyle: {    // 标题样式
          color: '#fff',    //字体颜色
          fontSize: 15,    //字体大小
          fontWeight: 700,    //字体粗细
        },
      },
xAxis：x轴
xAxis: {
    show: true,                    // 是否显示x轴
    position: 'top',               // x轴的位置  top、bottom
    type: 'category',              // 坐标轴类型 value、category、time、log
    name: '姓名',                   // 坐标轴名称
    nameRotate: 10,                // 坐标轴名字旋转，角度值
    inverse: false,                // 是否是反向坐标轴
    boundaryGap: ['20%', '20%'],   // 坐标轴两边留白策略
    splitNumber: 5,                // 坐标轴的分割段数（预估值）
    zlevel: 100,					//x轴层级（相当于定位中z-index）
    axisLine: {
        show: true,                // 是否显示坐标轴轴线
        symbol: ['none', 'arrow'], // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        symbolSize: [10, 15],      // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
            color: '#333',         // 坐标轴线线的颜色
            width: '5',            // 坐标轴线线宽
            type: 'solid',         // 坐标轴线线的类型（'solid'，实线类型；'dashed'，虚线类型；'dotted',点状类型）
        },
    },
    axisTick: {
        show: true,                // 是否显示坐标轴刻度
        inside: true,              // 坐标轴刻度是否朝内，默认朝外
        length: 5,                 // 坐标轴刻度的长度
        lineStyle: {
            color: '#FFF',         // 刻度线的颜色
            width: 10,             // 坐标轴刻度线宽
            type: 'solid',         // 坐标轴线线的类型（'solid'，实线类型；'dashed'，虚线类型；'dotted',点状类型）
        },
    },
    axisLabel: {
        show: true,                // 是否显示刻度标签
        interval: '0',             // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        inside: true,              // 刻度标签是否朝内，默认朝外
        rotate: 90,                // 刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠；旋转的角度从 -90 度到 90 度
        margin: 10,                // 刻度标签与轴线之间的距离
        // formatter 刻度标签的内容格式器，支持字符串模板和回调函数两种形式
        color: '#FFF',             // 刻度标签文字的颜色
        fontStyle: 'normal',       // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体） 
        fontWeight: 'normal',      // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
        fontSize: '20',            // 文字字体大小
        align: 'left',             // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
        verticalAlign: 'left',     // 文字垂直对齐方式，默认自动（'top'，'middle'，'bottom'
        lineHeight: '50',          // 行高
        backgroundColor: 'red',    // 文字块背景色，例：'#123234', 'red', 'rgba(0,23,11,0.3)'
    },
    splitLine: {
        show: true,                // 是否显示分隔线。默认数值轴显示，类目轴不显示
        interval: '0',             // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        color: ['#ccc'],           // 分隔线颜色，可以设置成单个颜色，也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色
        width: 3,                  // 分隔线线宽
        type: 'solid',             // 坐标轴线线的类型（'solid'，实线类型；'dashed'，虚线类型；'dotted',点状类型）
    },
    splitArea: {
        show: true,                // 是否显示分隔区域
        interval: '0',             // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        areaStyle: {
            color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)'],    // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色
            opacity: 1,            // 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形
        },
    },
    //当name值字数过多的时候，截取，只显示固定的几个字
    formatter: function (val: string) {
            let valList = '';
            let n = 4;
            for (var i = 0, l = val.length; i < l / n; i++) {
              let a = val.slice((n * i), n * (i + 1));
              valList = valList + a + '\n';
            }
            if (val.length > 4) {
              return val.substring(0, 4) + "...";
              // return valList
            } else {
              return val;
            }
          },
    data: {
        textStyle: {
            color: '#FFF',         // 文字的颜色
            fontStyle: 'normal',   // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体） 
            fontWeight: 'normal',  // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
            fontSize: '20',        // 文字字体大小
            align: 'left',         // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
            verticalAlign: 'left', // 文字垂直对齐方式，默认自动（'top'，'middle'，'bottom'
            lineHeight: '50',      // 行高
            backgroundColor: 'red',// 文字块背景色，例：'#123234', 'red', 'rgba(0,23,11,0.3)'
        },
    },
},
yAxis ：y轴
yAxis: {
    show: true,                 // 是否显示 y 轴
    position: 'top',            // y 轴的位置（'top'，'bottom'） 
    type: 'category',           // 坐标轴类型
    nameLocation: 'end',        // 坐标轴名称显示位置
    nameGap: 15,                // 坐标轴名称与轴线之间的距离
    nameRotate: 10,             // 坐标轴名字旋转，角度值
    inverse: false,             // 是否是反向坐标轴
    nameTextStyle: {
        color: '#333',          // 坐标轴名称的颜色
        fontStyle: 'normal',    // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体） 
        fontWeight: 'normal',   // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
        fontSize: '20',         // 文字字体大小
        align: 'left',          // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
        verticalAlign: 'left',  // 文字垂直对齐方式，默认自动（'top'，'middle'，'bottom'
        lineHeight: '50',       // 行高
        backgroundColor: 'red', // 文字块背景色，例：'#123234', 'red', 'rgba(0,23,11,0.3)'
    },
    axisLine: {
        show: true,             // 是否显示坐标轴轴线
        symbol: ['none', 'arrow'],   // 轴线两端箭头，两个值，none表示没有箭头，arrow表示有箭头
        symbolSize: [10, 15],   // 轴线两端箭头大小，数值一表示宽度，数值二表示高度
        lineStyle: {
            color: '#333',      // 坐标轴线线的颜色
            width: '5',         // 坐标轴线线宽
            type: 'solid',      // 坐标轴线线的类型（'solid'，实线类型；'dashed'，虚线类型；'dotted',点状类型）
        },
    },
    axisTick: {
        show: true,             // 是否显示坐标轴刻度
        inside: true,           // 坐标轴刻度是否朝内，默认朝外
        length: 5,              // 坐标轴刻度的长度
        lineStyle: {
            color: '#FFF',      // 刻度线的颜色
            width: 10,          // 坐标轴刻度线宽
            type: 'solid',      // 坐标轴线线的类型（'solid'，实线类型；'dashed'，虚线类型；'dotted',点状类型）
        },
    },
    axisLabel: {
        show: true,                 // 是否显示刻度标签
        interval: '0',              // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        inside: true,               // 刻度标签是否朝内，默认朝外
        rotate: 90,                 // 刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠；旋转的角度从 -90 度到 90 度
        margin: 10,                 // 刻度标签与轴线之间的距离
        // formatter 刻度标签的内容格式器，支持字符串模板和回调函数两种形式
        color: '#FFF',              // 刻度标签文字的颜色
        fontStyle: 'normal',        // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体） 
        fontWeight: 'normal',       // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
        fontSize: '20',             // 文字字体大小
        align: 'left',              // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
        verticalAlign: 'left',      // 文字垂直对齐方式，默认自动（'top'，'middle'，'bottom'
        lineHeight: '50',           // 行高
        backgroundColor: 'red',     // 文字块背景色，例：'#123234', 'red', 'rgba(0,23,11,0.3)'
    },
    splitLine: {
        show: true,                 // 是否显示分隔线。默认数值轴显示，类目轴不显示
        interval: '0',              // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        color: ['#ccc'],            // 分隔线颜色，可以设置成单个颜色，也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色
        width: 3,                   // 分隔线线宽
        type: 'solid',              // 坐标轴线线的类型（'solid'，实线类型；'dashed'，虚线类型；'dotted',点状类型）
    },
    splitArea: {
        show: true,                 // 是否显示分隔区域
        interval: '0',              // 坐标轴刻度标签的显示间隔，在类目轴中有效.0显示所有
        areaStyle: {
            color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)'],    // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色
            opacity: 1,             // 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形
        },
    },
    data: {
        textStyle: {
            color: '#FFF',          // 文字的颜色
            fontStyle: 'normal',    // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体） 
            fontWeight: 'normal',   // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
            fontSize: '20',         // 文字字体大小
            align: 'left',          // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
            verticalAlign: 'left',  // 文字垂直对齐方式，默认自动（'top'，'middle'，'bottom'
            lineHeight: '50',       // 行高 ）
            backgroundColor: 'red', // 文字块背景色，例：'#123234', 'red', 'rgba(0,23,11,0.3)'
        },
    },
}
grid配置项：图标离容器的距离

show:是否显示直角坐标系网格-----------值:true?false
left:图表离容器左侧的距离-----------------值:number?百分比
top:图表离容器顶部的距离-----------------值:number?百分比
right:图表离容器右侧的距离---------------值:number?百分比
bottom:图表离容器底部的距离------------值:number?百分比
backgroundColor:网格背景色-------------值:rgba或#000000
borderColor:网格的边框颜色--------------值:rgba或#000000
borderWidth:网格的边框线宽-------------值:number

legend：图表旁边的文字
legend: {
        icon: 'Rect',
        orient: 'horizontal',
        itemWidth: 20,
        itemHeight: 2,
        textStyle: {
          fontSize: 12, //字体大小
          color: fontColor, //字体颜色
        },
        right: '50%', //距离右侧
      },
series
inside(自适应，柱状内部中央),top（柱状外的正上方）,bottom(柱状外的正下方)，left(柱状外的左边)，right(柱状外的右边)

坐标[x,y](以柱状的顶部为原点)

insideTop(柱状内部靠顶部)，insideBottom(柱状内部靠下方)，insideRight(柱状内部靠右边)，insideLeft(柱状内部靠左边)


series: [{
      type: 'pie',
      radius: ['10%', '40%'],
      center: ['40%', '50%'],
      // 数字在柱状图中显示的位置
	 label: {
            show: true,  
            // position: 'top',
            position: [2, -13],
            color: '#ffb000',
          },
     //这个是饼状图或者环状图 指出的线
      labelLine: {
         normal: {
            show: isshowline,
            length: 10,
            length2: 55,
            lineStyle: {
               color: "#fff"
            },
         }
      },
      data: chartData,
   }]

6.柱状图基本参数

bar: {
    barMinHeight: 0,            // 最小高度改为0
    // barWidth: null,        // 默认自适应
    barGap: '30%',           // 柱间距离，默认为柱形宽度的30%，可设固定值
    barCategoryGap : '20%',   // 类目间柱形距离，默认为类目间距的20%，可设固定值
    itemStyle: {
        normal: {
            // color: '各异',
            barBorderColor: '#fff',         // 柱条边线
            barBorderRadius: 0,            // 柱条边线圆角，单位px，默认为0
            barBorderWidth: 1,             // 柱条边线线宽，单位px，默认为1
            label: {
                show: false
                                         // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
                                         // 'inside'|'left'|'right'|'top'|'bottom'
                                        // textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE
            }
        },
        emphasis: {
            // color: '各异',
            barBorderColor: 'rgba(0,0,0,0)',            // 柱条边线
            barBorderRadius: 0,                // 柱条边线圆角，单位px，默认为0
            barBorderWidth: 1,                     // 柱条边线线宽，单位px，默认为1
            label: {
                show: false
                // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
                //           'inside'|'left'|'right'|'top'|'bottom'
                // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
            }
        }
    }
},

7.折线图基本参数

line: {
    itemStyle: {
        normal: {
            // color: 各异,
            label: {
                show: false
                // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
                //           'inside'|'left'|'right'|'top'|'bottom'
                // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
            },
            lineStyle: {
                width: 2,
                type: 'solid',
                shadowColor : 'rgba(0,0,0,0)', //默认透明
                shadowBlur: 5,
                shadowOffsetX: 3,
                shadowOffsetY: 3
            }
        },
        emphasis: {
            // color: 各异,
            label: {
                show: false
                // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
                //           'inside'|'left'|'right'|'top'|'bottom'
                // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
            }
        }
    },
    //smooth : false,
    //symbol: null,             // 拐点图形类型
    symbolSize: 2,          // 拐点图形大小
    //symbolRotate : null,       // 拐点图形旋转控制
    showAllSymbol: false                   // 标志图形默认只有主轴显示（随主轴标签间隔隐藏策略）
},
暮人之地
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
echarts数据可视化介绍+常用的图表案例分析（值得收藏的干活）
promise466的博客
10-28 8143
Echarts的优点比较明显体积小，免费、上手快，只需要有一些js基础，剩下的就是复制粘贴的事情，而且是国产的东西，文档看起来也比较方便
echarts图表的配置以及赋值
weixin_54682264的博客
07-22 726
echarts图表的配置以及赋值
echarts(7大基础图表)的使用
qq_44930306的博客
05-28 1534
echarts基础应用
Echarts使用技巧
xiaoqiwyx的博客
06-05 902
第一次写博客，记录一些在做项目过程中学习到的echarts相关的使用技巧。 柱状图阴影 柱状图阴影有两种实现方式，第一种使用barGap属性设置为'-100%'来实现，第二种使用多坐标轴多图层覆盖实现。以下详细说明： （1）barGap: 如果只是简单的但一系列的柱状图建议使用，实现简单，官方配置项手册也有说明，查看请点击echarts官方示例，我就不再赘述了。 （2）多坐...
echarts tooltip属性
吃糖牙疼的博客
07-28 7281
tooltip ={ //提示框组件 trigger: 'item', //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。 triggerOn:"mousemove", //提示框触发的条件,'mousemove'鼠标移动时触发。'click
Echarts数据可视化
m0_56355797的博客
10-27 1023
Echarts可以数据用图表的方式清晰的展现出来，让用户有更好的查阅数据的体验，也让数据变得高大上起来，实现了数据可视化。Echarts的配置项非常多，全记下来不太可能，这也就要求我们会查阅官网根据官方文档进行选择配置项。
Echarts基本用法_动力节点Java学院整理
08-29
在ECharts的基本用法中，主要涉及以下几个步骤： 1. 引入JS文件：首先需要在HTML文件的`<head>`部分引入ECharts所需的JS文件。通常，你需要从ECharts官方网站下载最新版本的库文件，例如`esl.js`和`echarts.js`。在...
echarts中国以及各省市地图
01-07
总的来说，"echarts中国以及各省市地图"资源涵盖了ECharts地图图表的基本使用方法，包括地图的初始化、配置、数据绑定和交互设计等方面，对于需要在中国地图上展示数据的Web开发者来说，是一个非常实用的工具和参考...
使用echarts实现关系图
09-02
使用`echarts.init`方法初始化图表，然后调用`setOption`设置配置项： ```javascript var myChart = echarts.init(document.getElementById('main')); myChart.setOption(option); ``` 6. **动态更新与交互**...
使用Vue开发动态刷新Echarts组件的教程详解
08-27
使用 $echarts.init 方法创建一个 Echarts 实例，并将其赋值给 chart 属性。然后，使用 setOption 方法将 option 传递给 Echarts 实例，以便渲染图表。 四、使用 Chart 组件 在 App.vue 文件中，import Chart 组件...
基于echarts农业数据可视化项目
04-11
【标题】"基于echarts农业数据可视化项目"指的是利用ECharts这一开源JavaScript图表库，将农业领域...在实际操作中，开发者需要具备基本的HTML、CSS和JavaScript知识，了解ECharts的基本用法，以及一定的数据分析能力。
echarts使用小结
10-26
echarts 基本使用方法和总结，
JavaScript使用百度ECharts插件绘制饼图操作示例
10-15
在JavaScript中，使用百度ECharts插件来绘制饼图是一种常用的数据可视化方法。ECharts是一个功能强大的、基于HTML5的JavaScript图表库，由百度前端团队开发，它支持多种图表类型，包括柱状图、折线图、饼图等，适用...
echarts图表导出excel示例
09-04
配置选项包括`tooltip`、`legend`、`toolbox`、`xAxis`、`yAxis`以及`series`等，这些都是ECharts图表的基本组成部分。`toolbox`部分尤其值得注意，因为它包含了导出图表的按钮，如数据视图、魔法类型、恢复和保存为...
echarts-demo.rar
03-29
Echarts 是一个由百度开发的开源数据可视化库，它提供了...通过深入学习和实践 "echarts-demo.rar" 中的示例，开发者可以快速掌握 Echarts 的基本用法，并根据自己的需求进行定制，创建出富有表现力的数据可视化页面。
vue_echarts_treemap.zip
06-28
在 Vue 组件中，这些配置项会作为参数传递给 ECharts 的 `setOption()` 方法。 5. **动态加载与更新**：如果要在对话框中显示 TreeMap，你可能需要监听对话框的打开和关闭事件，以便在打开时加载或更新图表，在关闭...
Echarts legend属性使用
m0_67394006的博客
03-03 1万+
Echarts的legend属性是对图例组件的相关配置 而legend就是Echarts图表中对图形的解释部分： 其中legend自身常用的配置属性如下： orient 设置图例的朝向 属性值： vertical // 垂直显示 或者 horizontal // 水平显示 legend: { orient: 'vertical' } legend: { orient: 'horizontal' } x/y(left/top) 设置图例在X轴方向
Echarts图例常用配置（图例大小、字体、显示方式、位置等）
热门推荐
技术无止境，人生仍探索。
04-22 2万+
Echarts图例常用配置 legend: { data: this.allLegend, textStyle: { //图例字体大小 fontSize: 10, }, //图例大小 itemHeight: 10, //图例滚动显示 type: 'scroll', //图例纵向显示 orient: 'vertical', //图例位置 right: 0, top: 30, bott
echarts的基本用法
weixin_43240792的博客
06-24 538
目录 一、引入echarts 二、使用echarts 1、柱状图 2、折线图 3、饼状图 4、中国地图 异步请求的一个小栗子： 一、引入echarts 下载地址：http://echarts.baidu.com/download.html 可下载精简版或完整版 <script type="text/javascript" src="echarts.min.js"&gt...
如何使用echarts
最新发布
06-11
在JavaScript中，使用`echarts.init()`方法初始化图表: ```javascript var myChart = echarts.init(document.getElementById('main')); ``` 4. **加载配置**: 定义一个图表配置对象，包含图表类型、数据源、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值