Javascript Highcharts JS:X轴标签之间的间隙太小
当我缩放窗口大小时,X轴上标签之间的间隙太小,可以显示更多标签。Highcharts引擎计算间隙,并在不同的断点处将间隙设置为零。标签相互接触,对于这个问题,我需要一个解决方案 我已经测试过了,90度的旋转不是问题Javascript Highcharts JS:X轴标签之间的间隙太小,javascript,css,datetime,types,highcharts,Javascript,Css,Datetime,Types,Highcharts,当我缩放窗口大小时,X轴上标签之间的间隙太小,可以显示更多标签。Highcharts引擎计算间隙,并在不同的断点处将间隙设置为零。标签相互接触,对于这个问题,我需要一个解决方案 我已经测试过了,90度的旋转不是问题 现场直播:使用类别是将轴的类型设置为类别,但随后您将轴的类型设置为日期时间-不能两者都是。使用时间时,建议使用日期时间,而不是类别 使用datetime轴类型时,可以设置tickPixelInterval——以防止标签彼此过于接近 例如: 当存在较大的点时,应使用tickInterv
现场直播:使用类别是将轴的类型设置为
类别
,但随后您将轴的类型设置为日期时间
-不能两者都是。使用时间时,建议使用日期时间
,而不是类别
使用datetime
轴类型时,可以设置tickPixelInterval
——以防止标签彼此过于接近
例如:
当存在较大的点时,应使用tickInterval避免xAxis标签重叠。此外,您还可以使用staggerLine属性来维护标签的交替顺序,以避免在标签之间折叠。您可以发布像JSFIDLE这样的实时示例吗?好的,JSFIDLE现在处于联机状态。否则,请尝试以下标签:{step:2}在第一个解决方案中,标签交替向上和向下显示。第2步也不是我想要的方式。我想设置标签之间间隙的最小宽度。但这只是空间大小的函数,以及您尝试放置的标签数量…在不同的设置下,许多标签会自动显示,标签相互接触。可以显示第一个和最后一个日期?设置为true:,设置为0,您将获得从第一个日期开始并在末尾显示勾号的轴,但最后一个日期可能不会显示为轴上的标签-使用可完全控制勾号的位置-
type: 'datetime',
labels: {
rotation: -90
}
labels: {
style: {
color: 'blue'
},
rotation: 90,
staggerLines: 2
}