以下是一个例子,演示如何设置极坐标系中 tooltip 的位置:
option = {
polar: {
center: ['50%', '50%'],
radius: '80%'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
show: true,
precision: 2,
formatter: function(params) {
return params.value;
}
}
},
position: 'top' // 设置 tooltip 位置为顶部
},
angleAxis: {
type: 'value',
startAngle: 0
},
radiusAxis: {
min: 0
},
polar: {
center: ['50%', '50%'],
radius: '80%'
},
series: [{
type: 'bar',
data: [2, 1, 3, 4],
coordinateSystem: 'polar',
name: 'A',
stack: 'a'
}, {
type: 'bar',
data: [5, 1, 2, 6],
coordinateSystem: 'polar',
name: 'B',
stack: 'a'
}, {
type: 'bar',
data: [1, 2, 3, 4],
coordinateSystem: 'polar',
name: 'C',
stack: 'a'
}],
indicator: [
{ text: '指示器1', max: 5 },
{ text: '指示器2', max: 5 },
{ text: '指示器3', max: 5 },
{ text: '指示器4', max: 5 }
]
};
在上述例子中,通过设置 position: 'top',将 tooltip 放置在极坐标系的顶部。你可以根据需要将 position 设置为其他值,如 'bottom'、'left'、'right' 等,或者使用数组 [x, y] 来指定具体的坐标位置。
转载请注明出处:http://www.zyzy.cn/article/detail/5235/ECharts