时间戳

首页 > 解决方案 > 如何使用 amcharts 在 x 轴和 y 轴上的网格线之间做均匀的空间

javascript - 如何使用 amcharts 在 x 轴和 y 轴上的网格线之间做均匀的空间

问题描述

如何使用 amcharts 在 x 轴和 y 轴上的网格线之间做均匀的空间？

我需要在网格线之间做相等的空间，你可以看到图片。我需要改变什么

这是我的图表设置：

我正在使用 amcharts 3

{
    valueAxes: [
        {
            gridAlpha: 0,
            includeAllValues: false
        }
    ],
    graphs: [],
    listeners: [],
    chartCursor: {
        onePanelOnly: true,
        leaveCursor: true,
        valueLineAxis :false,
        valueLineEnabled: false,
        valueLineBalloonEnabled: false,
        cursorPosition: 'mouse'
    },
    chartScrollbar: {
        oppositeAxis: false,
        offset: 30,
        updateOnReleaseOnly: true,
        selectedBackgroundColor: "#c1e6ee"
    },
    categoryAxis: {
        gridThickness: 1,
        minPeriod: 'fff',
        parseDates: true,
        minorGridEnabled: true
    }
}

1

标签： javascripthtmlangularamchartsamcharts4

解决方案

对我来说，设置

"synchronizeGrid": true,

作为图表配置的主要属性。（https://www.amcharts.com/docs/v3/reference/amserialchart/#synchronizeGrid_property）

也许您还必须检查 minHorizo​​ntalGap 吗？（https://www.amcharts.com/docs/v3/reference/axisbase/#minHorizo​​ntalGap_property）

推荐阅读