条形图 amchart 中缺少一些 x 轴值

Question

在 Amcharts 中，条形图中缺少一些类别字段（X 轴值）。我有超过 200 个 x 轴值。请检查以下代码。

<!-- Styles -->
<style>
#chartdiv {
  width: 100%;
  height: 500px;
}
</style>

<!-- Resources -->
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>

<!-- Chart code -->
<script>
var chart = AmCharts.makeChart("chartdiv", {
    "theme": "light",
    "type": "serial",
    "startDuration": 2,
    "dataProvider": [
        {
            "country": "Applications & Analytics",
            "visits": 765,
            "color": "#FF6600"
        },
        {
            "country": "Common Software Foundation",
            "visits": 1,
            "color": "#FF6600"
        },
        {
            "country": "Customer Doc",
            "visits": 1,
            "color": "#FF6600"
        },
        ........
        .......
        ........
        {
            "country": "LTE",
            "visits": 2,
            "color": "#FF6600"
        },
        {
            "country": "Radio Standards II",
            "visits": 6,
            "color": "#FF6600"
        },

    ],
    "valueAxes": [{ 
         "position": "left", 
         "title": "Visitors" 
    }], 
    "graphs": [{ 
         "balloonText": "[[category]]: <b>[[value]]</b>", 
         "fillColorsField": "color", 
         "valueAxis.dashLength": 5,
         "fillAlphas": 1, 
         "lineAlpha": 0.1, 
         "type": "column", 
         "valueField": "visits" 
    }], 
    "chartCursor": { 
        "categoryBalloonEnabled": false, 
        "cursorAlpha": 0, 
        "zoomable": false 
    }, 
    "categoryField": "country", 
    "categoryAxis": { 
        "categoryAxis.dashLength":100,
        "categoryAxis.gridPosition": "start",
        "gridPosition": "start",
        "autoGridCount": "true",
        "gridPosition": "start", 
        "autoGridCount": "true",
        "labelRotation": 90
    }, 
    "export": { 
        "enabled": true 
    } 
}); 
</script> 

<!-- HTML --> 
<div id="chartdiv"></div>

为了更清晰，请查找图片。栏 215 已创建，但字段值并未显示所有栏。

请建议我如何获取栏中的所有 x 轴文本。

Answer 1

在您的 "categoryAxis" 中添加 "minHorizontalGap": 0，如下所示：

"categoryAxis": { 
    "categoryAxis.dashLength":100,
    "categoryAxis.gridPosition": "start",
    "gridPosition": "start",
    "autoGridCount": "true",
    "gridPosition": "start", 
    "autoGridCount": "true",
    "labelRotation": 90,
    "minHorizontalGap": 0
}

默认gap设置为75，导致标签数量如此之多看不到标签。

条形图 amchart 中缺少一些 x 轴值

bar chart some x axis values missing in amchart

html

json

amcharts