以下是一个例子,演示如何设置极坐标系中提示框浮层的边框和内边距:
option = {
polar: {
center: ['50%', '50%'],
radius: '80%'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
},
borderWidth: 1, // 提示框边框宽度
padding: 10, // 提示框内边距
formatter: function(params) {
var result = params[0].name + '<br>';
params.forEach(function(item) {
result += item.seriesName + ': ' + item.value + '<br>';
});
return result;
}
},
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 }
]
};
在上述例子中,通过设置 borderWidth 属性控制提示框的边框宽度,通过设置 padding 属性控制提示框的内边距。你可以根据需要调整这两个属性的值以满足你的设计需求。
转载请注明出处:http://www.zyzy.cn/article/detail/5237/ECharts