如何移除Highcharts热力图顶部的线条?
解决方案
要移除你标记的那条线条,可以通过调整Highcharts的轴或系列配置来实现,根据你的热力图场景,常见的几种处理方式如下:
如果目标是y轴的网格线(分隔各个y轴分类的横向线条),在
yAxis配置中添加gridLineWidth: 0即可:yAxis: { categories: ["D", "L", "M", "M", "G", "V", "S"], title: null, gridLineWidth: 0 // 新增该行,移除y轴网格线 }如果要移除的是y轴自身的轴线(左侧的竖直线条),则在
yAxis里添加lineWidth: 0:yAxis: { categories: ["D", "L", "M", "M", "G", "V", "S"], title: null, lineWidth: 0 // 新增该行,移除y轴轴线 }要是目标线条和x轴相关(比如x轴的网格线或轴线),把上述逻辑套用到
xAxis配置里就行:xAxis: { categories: ["07:00", "08:00", "09:00", ...], gridLineWidth: 0 // 移除x轴网格线 // 或者 lineWidth: 0 移除x轴轴线 }如果你想移除的是热力图单元格之间的边框,直接修改
series里的borderWidth为0:series: [{ borderWidth: 0, // 移除所有单元格边框 // 其他原有配置... }]
根据你的实际需求选择对应的配置修改,测试后就能看到目标线条被移除啦。
内容的提问来源于stack exchange,提问作者Piero
相关产品推荐
相关产品推荐

