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