echarts对柱状图进行标注,以及取消hover时的阴影
- 作者: 五速梦信息网
- 时间: 2026年04月04日 13:44
option = {
color: ['#3398DB'],
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : '' // 默认为直线,可选为:'line' | 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
// containLabel: true
},
xAxis : [
{
type : 'category',
data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisTick: {
alignWithLabel: false
}
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'直接访问',
type:'bar',
barWidth: '40%',
//设置
markPoint : {
data : [
// value表示你标注中想要展示的数字或者提示信息
// xAxis表示标注的x轴坐标
// yAxis表示标注的y轴坐标
{value : '10', xAxis: 0, yAxis:10},
{ value : '52', xAxis: 1, yAxis: 52},
{ value : '200', xAxis: 2, yAxis: 200},
{ value : '334', xAxis: 3, yAxis: 334}
]
},
data:[10, 52, 200, 334, 390, 330, 220],
}
]
};
;
效果图:

- 上一篇: echarts基线设置颜色
- 下一篇: ECharts 柱状图横轴(X轴)文字内容显示不全
相关文章
-
echarts基线设置颜色
echarts基线设置颜色
- 互联网
- 2026年04月04日
-
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
- 互联网
- 2026年04月04日
-
echarts设置toolTip大小和样式问题
echarts设置toolTip大小和样式问题
- 互联网
- 2026年04月04日
-
ECharts 柱状图横轴(X轴)文字内容显示不全
ECharts 柱状图横轴(X轴)文字内容显示不全
- 互联网
- 2026年04月04日
-
echarts 柱状图的选中模式实现
echarts 柱状图的选中模式实现
- 互联网
- 2026年04月04日
-
echarts 图例后加数值
echarts 图例后加数值
- 互联网
- 2026年04月04日






