option = {
polar: {
// 极坐标系的配置...
},
angleAxis: {
// 角度轴的配置...
},
radiusAxis: {
// 半径轴的配置...
},
tooltip: {
show: true,
trigger: 'item',
formatter: '{a}:{c}',
axisPointer: {
type: 'cross', // 坐标轴指示器类型,可选为 'line' 或 'shadow'
label: {
show: true, // 显示标签
precision: 2, // 标签小数点精度
formatter: function (params) {
return 'Value: ' + params.value;
},
backgroundColor: 'rgba(50, 50, 50, 0.7)', // 标签背景颜色
borderColor: '#333', // 标签边框颜色
borderWidth: 1, // 标签边框宽度
padding: [5, 10] // 标签内边距
},
lineStyle: {
color: 'red', // 指示器线条颜色
width: 2 // 指示器线条宽度
}
}
},
series: [{
type: 'bar',
data: [10, 20, 15, 25, 30],
coordinateSystem: 'polar'
}]
};
在上面的代码中,通过在 tooltip 的 axisPointer 中设置相关参数,你可以配置 tooltip 的坐标轴指示器。可以设置指示器的类型、标签样式、线条样式等。这样当鼠标悬停在图表上时,会显示坐标轴指示器,并在提示框中显示相应的数值。
你可以根据实际需求调整这些参数以满足你的设计要求。
转载请注明出处:http://www.zyzy.cn/article/detail/5229/ECharts