在 ECharts 中,要实现框选(Brush)平行坐标轴(Parallel Axis),你可以通过配置 parallelAxis 中的 axisPointer 和 axisPointer 的 link 属性来设置。以下是一个简单的例子:
option = {
    parallel: {
        parallelAxisDefault: {
            // 其他配置...
            axisPointer: {
                show: true,
                type: 'cross',  // 设置为 'cross' 表示启用框选
                label: {
                    show: true,
                    precision: 2,  // 标签小数精度
                    fontSize: 12,
                    backgroundColor: 'rgba(220,220,220,0.8)',  // 标签背景颜色
                    borderColor: '#777',  // 标签边框颜色
                    borderWidth: 1       // 标签边框宽度
                }
            }
        },
        parallelAxis: [
            {
                dim: 0,
                name: 'Axis 0',
                // 可以覆盖或添加特定坐标轴的配置
            },
            {
                dim: 1,
                name: 'Axis 1',
                // 可以覆盖或添加特定坐标轴的配置
            },
            // 其他坐标轴...
        ],
        // 其他平行坐标系的配置...
    },
    // 其他配置...
    series: [
        {
            type: 'parallel',
            data: [
                [1, 2, 3],
                [4, 5, 6],
                [7, 8, 9],
                // 其他数据...
            ]
        }
        // 其他系列配置...
    ]
};

在上述配置中,通过在 parallelAxisDefault 中配置 axisPointer,设置 type 为 'cross' 表示启用框选。你还可以通过 label 属性设置标签的显示样式,包括字体大小、背景颜色、边框颜色等。

这样,当你在平行坐标轴上进行框选时,会显示出交叉的标签,标签上显示了框选的数值范围。通过调整 axisPointer 和 label 中的配置,可以满足不同样式的需求。




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