在 ECharts 中设置箱形图的标注可以使用 markLine 和 markPoint 来实现。以下是一个简单的例子,演示如何在箱形图中添加标注:
option = {
    tooltip: {
        trigger: 'item',
        axisPointer: {
            type: 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        data: ['Category1', 'Category2', 'Category3', 'Category4', 'Category5'],
        boundaryGap: true
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: 'Box Plot',
            type: 'boxplot',
            data: [
                [100, 200, 300, 400],
                [150, 230, 310, 420],
                [220, 320, 450, 480],
                [300, 370, 550, 580],
                [400, 520, 650, 700]
            ],
            tooltip: {
                formatter: function (param) {
                    return [
                        'Upper: ' + param.data[5],
                        'Q3: ' + param.data[4],
                        'Median: ' + param.data[3],
                        'Q1: ' + param.data[2],
                        'Lower: ' + param.data[1]
                    ].join('<br/>');
                }
            },
            markLine: {
                lineStyle: {
                    color: 'red'
                },
                data: [
                    { type: 'average', name: '平均值' }
                ]
            },
            markPoint: {
                symbol: 'circle',
                symbolSize: 30,
                itemStyle: {
                    color: 'orange'
                },
                data: [
                    { type: 'max', name: '最大值' },
                    { type: 'min', name: '最小值' }
                ]
            }
        }
    ]
};

在上面的例子中,markLine 用于添加平均值的标线,而 markPoint 用于添加最大值和最小值的标注点。你可以根据需要调整标注的样式和位置。请注意,上述代码中的数据和参数仅为示例,你需要根据实际情况进行修改。


转载请注明出处:http://www.zyzy.cn/article/detail/5424/ECharts