option = {
title: {
text: '柱状图示例 - 提示框'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月']
},
yAxis: {
type: 'value',
name: '数量'
},
series: [{
name: '柱状图',
type: 'bar',
data: [50, 120, 180, 80, 70, 110, 130],
itemStyle: {
// 柱状图的样式配置
color: '#7cb5ec'
},
emphasis: {
// 鼠标悬停时的样式配置
itemStyle: {
color: '#91c7ae'
}
}
}]
};
在上述示例中,tooltip 属性被用于配置提示框,其中:
- trigger: 'axis' 表示鼠标悬停在坐标轴上时显示提示框。
- axisPointer: { type: 'shadow' } 表示使用阴影的方式标示坐标轴。
在 series 的柱状图配置中,使用了 itemStyle 和 emphasis 分别配置柱状图的普通样式和鼠标悬停时的样式,您可以根据需要进行调整。
这只是一个简单的示例,具体配置可以根据您的需求进行更改。
转载请注明出处:http://www.zyzy.cn/article/detail/5405/ECharts