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

Question

如何使用 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

Answer 1

对我来说设置

"synchronizeGrid": true,

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

也许您还需要检查 minHorizontalGap？ (https://www.amcharts.com/docs/v3/reference/axisbase/#minHorizontalGap_property)

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

how to do even spaces between grid lines in both x and y axis using amcharts

html

javascript

amcharts

angular

amcharts4