Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts JS:X轴标签之间的间隙太小_Javascript_Css_Datetime_Types_Highcharts - Fatal编程技术网

Javascript Highcharts JS:X轴标签之间的间隙太小

Javascript Highcharts JS:X轴标签之间的间隙太小,javascript,css,datetime,types,highcharts,Javascript,Css,Datetime,Types,Highcharts,当我缩放窗口大小时,X轴上标签之间的间隙太小,可以显示更多标签。Highcharts引擎计算间隙,并在不同的断点处将间隙设置为零。标签相互接触,对于这个问题,我需要一个解决方案 我已经测试过了,90度的旋转不是问题 现场直播:使用类别是将轴的类型设置为类别,但随后您将轴的类型设置为日期时间-不能两者都是。使用时间时,建议使用日期时间,而不是类别 使用datetime轴类型时,可以设置tickPixelInterval——以防止标签彼此过于接近 例如: 当存在较大的点时,应使用tickInterv

当我缩放窗口大小时,X轴上标签之间的间隙太小,可以显示更多标签。Highcharts引擎计算间隙,并在不同的断点处将间隙设置为零。标签相互接触,对于这个问题,我需要一个解决方案

我已经测试过了,90度的旋转不是问题


现场直播:

使用类别是将轴的类型设置为
类别
,但随后您将轴的类型设置为
日期时间
-不能两者都是。使用时间时,建议使用
日期时间
,而不是
类别

使用
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
}