在 ECharts 中,箱形图(Boxplot)是用于展示一组数据的分布情况的图表类型。箱形图展示了数据的中位数、上下四分位数、离群值等统计信息。以下是一个简单的箱形图的配置示例:
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