option = {
title: {
text: '箱形图示例'
},
tooltip: {
trigger: 'item',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['数据集1', '数据集2', '数据集3', '数据集4', '数据集5']
},
yAxis: {
type: 'value',
name: '值'
},
series: [
{
name: '箱形图',
type: 'boxplot',
data: [
[220, 250, 270, 300, 350],
[180, 220, 250, 280, 310],
[300, 320, 350, 380, 400],
[250, 280, 300, 330, 360],
[200, 240, 260, 290, 320]
],
tooltip: {
formatter: function (param) {
return [
'上边缘: ' + param.data[5],
'上四分位数: ' + param.data[4],
'中位数: ' + param.data[3],
'下四分位数: ' + param.data[2],
'下边缘: ' + param.data[1],
'离群值: ' + (param.data[4] + 1.5 * (param.data[4] - param.data[2])) + ' 到 ' + (param.data[2] - 1.5 * (param.data[4] - param.data[2]))
].join('<br/>');
}
}
}
]
};
在这个例子中:
- xAxis 和 yAxis 分别设置了箱形图的横轴和纵轴的类型和数据。
- series 中的 type: 'boxplot' 表示这是一个箱形图。
- data 中的每个数组表示一个数据集,包含了五个统计值:最小值、下边缘、下四分位数、中位数、上四分位数、上边缘、以及可能存在的离群值。
- tooltip 的 formatter 回调函数用于自定义提示框的内容,显示了箱形图的各个统计值。
通过这个配置,您可以创建一个简单的箱形图,展示数据集的分布情况。
转载请注明出处:http://www.zyzy.cn/article/detail/5423/ECharts