Javascript Amcharts类别轴标签重叠

我正在使用amCharts javascript charts版本3，我也尝试了最新版本

问题是：我有一个带有滚动条的折线图，该图的分类轴甚至有100多条记录，所以在第一次渲染时，它只显示5-6条，然后我缩放以查看更多的分类轴标签。到目前为止还不错

但当我缩放时，categoryAxis上的标签重叠，因此所有内容看起来都很混乱，这实际上是由于缩放后网格数量的增加

我尝试过categoryAxis.autogidCount，但没有成功

---

请帮助，提前感谢。

自动登录计数应设置为true。根据您的描述，我猜您的轴标签中有很多文本。我可以建议将您的分类轴的minHorizontalGap增加到100左右（默认值为75）。如果这对我没有帮助，我需要查看您的图表。

我知道这是一个很老的问题，但这是我最近遇到的一个问题，我无法在网上找到满意的解决方案。旋转类别标签的问题是，它会将图表缩小很多

我提出的解决方案是使用标签格式化程序垂直错开类别标签

我的格式化程序

var up = false;

function formatLabel(value, valueString, axis){
    if(up) {
        axis.labelOffset=0;
    }
    else {
        axis.labelOffset=25;
    }
    up=!up;

    return value;
}

这里有一些关于设置格式化程序的信息

但基本上你要做的就是在轴上设置labelFunction

"categoryAxis": {
    "labelFunction":formatLabel
}

---

我的分类轴也有同样的问题，它包含日期。 我解决了它，这是我的解决方案： 最重要的部分是parseDate设置为false

categoryAxis.parseDates = false;

您必须将categoryAxis.autoGridCount设置为true，因为根据轴的大小自动设置gridCount的数量非常重要

categoryAxis.autoGridCount = true;

然后

正如一些人提到的那样，这在日期之间创造了空间

我的用法是：

    //Category Axes
    var categoryAxis = chart2.categoryAxis;
    categoryAxis.gridAlpha = 0;
    categoryAxis.autoGridCount = true;
    categoryAxis.minHorizontalGap = 100;
    categoryAxis.gridPosition = "start";
    categoryAxis.equalSpacing = false;
    categoryAxis.parseDates = false;
    categoryAxis.minPeriod = "DD";
    categoryAxis.startOnAxis = true;
    categoryAxis.axisColor = "#dcdcdc";
    categoryAxis.axisThickness = 1;
    categoryAxis.showLastLabel = true;

---

尝试使用

categoryAxis.renderer.minGridDistance

属性。这将告诉图表不要将标签/网格放置在比所述像素值更近的位置。增加这些数字将意味着网格线和相关标签可能更稀疏。减少可能会导致网格/标签更密集

示例用法：

categoryAxis.renderer.minGridDistance=40

更多信息：
尝试了这个，运气不好！但我通过在一定程度上旋转标签文本来管理，现在没有重叠
    //Category Axes
    var categoryAxis = chart2.categoryAxis;
    categoryAxis.gridAlpha = 0;
    categoryAxis.autoGridCount = true;
    categoryAxis.minHorizontalGap = 100;
    categoryAxis.gridPosition = "start";
    categoryAxis.equalSpacing = false;
    categoryAxis.parseDates = false;
    categoryAxis.minPeriod = "DD";
    categoryAxis.startOnAxis = true;
    categoryAxis.axisColor = "#dcdcdc";
    categoryAxis.axisThickness = 1;
    categoryAxis.showLastLabel = true;