ECharts是一款基于 JavaScript 的开源可视化库,用于制作交互式的数据可视化图表
▥前端
𝄐 0
echarts 箱线图,echarts柱状图配置大全,echarts图表插件,echarts图例形状,echarts矩形图,excel箱形图
ECharts是一款基于 JavaScript 的开源可视化库,用于制作交互式的数据可视化图表。在ECharts中,系列(series)是制作不同类型图表的核心组件之一,其中包括了箱形图(boxplot)。
箱形图是一种用来表示数据分布的统计图表,通过展示数据的中位数、上下四分位数及异常值等信息来描述数据集的特征。在ECharts中,可以使用series组件中的type属性来指定要绘制的图表类型为boxplot。
以下是一个简单的ECharts boxplot图表的示例代码:
javascript
option = {
tooltip: {
trigger: 'item',
axisPointer: {
type: 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['类别一', '类别二', '类别三', '类别四', '类别五', '类别六'],
boundaryGap: true,
nameGap: 30,
splitArea: {
show: false
},
axisLabel: {
formatter: '{value}'
},
splitLine: {
show: false
}
},
yAxis: {
type: 'value',
name: '数值',
min: 0,
max: 100,
splitArea: {
show: false
}
},
series: [
{
name: 'boxplot',
type: 'boxplot',
data: [
[10, 30, 50, 80, 90],
[25, 35, 55, 65, 95],
[15, 25, 45, 65, 75],
[30, 40, 50, 60, 80],
[20, 40, 60, 70, 80],
[30, 45, 55, 65, 85]
],
}
]
};
在上述代码中,option对象包含了整个图表的配置信息。其中,series数组中的对象表示了要绘制的数据系列,type属性设置为'boxplot'即代表绘制箱形图。data属性设定了要展示的数据集,每一组数据以一个数组的形式传入。在本例中,共有六组数据,每组数据都是由五个数值构成的数组。其他属性比如xAxis、yAxis等则分别用于配置图表的坐标轴。
该示例代码可生成以下箱形图:
![ECharts Boxplot Example](https://echarts.apache.org/examples/data/thumb/boxplot-light-velocity.png)
ECharts是一款基于 JavaScript 的开源可视化库,用于制作交互式的数据可视化图表。在ECharts中,系列(series)是制作不同类型图表的核心组件之一,其中包括了箱形图(boxplot)。
箱形图是一种用来表示数据分布的统计图表,通过展示数据的中位数、上下四分位数及异常值等信息来描述数据集的特征。在ECharts中,可以使用series组件中的type属性来指定要绘制的图表类型为boxplot。
以下是一个简单的ECharts boxplot图表的示例代码:
javascript
option = {
tooltip: {
trigger: 'item',
axisPointer: {
type: 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['类别一', '类别二', '类别三', '类别四', '类别五', '类别六'],
boundaryGap: true,
nameGap: 30,
splitArea: {
show: false
},
axisLabel: {
formatter: '{value}'
},
splitLine: {
show: false
}
},
yAxis: {
type: 'value',
name: '数值',
min: 0,
max: 100,
splitArea: {
show: false
}
},
series: [
{
name: 'boxplot',
type: 'boxplot',
data: [
[10, 30, 50, 80, 90],
[25, 35, 55, 65, 95],
[15, 25, 45, 65, 75],
[30, 40, 50, 60, 80],
[20, 40, 60, 70, 80],
[30, 45, 55, 65, 85]
],
}
]
};
在上述代码中,option对象包含了整个图表的配置信息。其中,series数组中的对象表示了要绘制的数据系列,type属性设置为'boxplot'即代表绘制箱形图。data属性设定了要展示的数据集,每一组数据以一个数组的形式传入。在本例中,共有六组数据,每组数据都是由五个数值构成的数组。其他属性比如xAxis、yAxis等则分别用于配置图表的坐标轴。
该示例代码可生成以下箱形图:
![ECharts Boxplot Example](https://echarts.apache.org/examples/data/thumb/boxplot-light-velocity.png)
本文地址:
/show-278132.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。