使用amchart甘特图的初始日期范围

Question

我正在使用Amchart的甘特图。细分除以日期。

我需要图表的导航器的初始位置将在两个日期之间，并且不能应用于整个图表。

当前行为：

预期结果：

我尝试添加'startDate'和'endDate'，但没有成功。

我的Amchat的配置：

<AmCharts.React
            className="my-class"
            style={{
                width: '50%',
                height: '250px'
            }}
            options={
                {
                    "height": "500",
                    "hideCredits":true,
                    "type": "gantt",
                    "theme": "light",
                    "marginRight": 70,
                    "period": "DD",
                    "dataDateFormat": "YYYY-MM-DD",
                    "columnWidth": 0.45,
                    "valueAxis": {
                        "type": "date"
                    },
                    "graph": {
                        "lineAlpha": 1,
                        "lineColor": "#fff",
                        "fillAlphas": 0.85,
                        "showAllValueLabels": false,
                        "cornerRadiusTop": 4
                    },
                    "rotate": true,
                    "categoryField": "category",
                    "segmentsField": "segments",
                    "colorField": "color",
                    "startDateField": "start",
                    "endDateField": "end",
                    "dataProvider": this.state.dataProvider,
                    "valueScrollbar": {
                        "selectedBackgroundColor": '#f3faff',
                        "selectedBackgroundAlpha": 1,
                        "autoGridCount": false
                    },
                    "chartCursor": {
                        "cursorColor": "#55bb76",
                        "valueBalloonsEnabled": false,
                        "cursorAlpha": 0,
                        "valueLineAlpha": 0.5,
                        "valueLineBalloonEnabled": false,
                        "valueLineEnabled": false,
                        "zoomable": false,
                        "valueZoomable": true
                    },
                    "export": {
                        "enabled": false
                    }
                }
            }
        />

谢谢。

Answer 1

您可以使用AmGanttChart的“ zoomToDates（开始，结束）”属性。以下是相关参考：AmGanttChart | JavaScript Charts v. 3 | amCharts

此外，您还可以从该问题中找到该属性的用法：AM Charts initial view using zoomToDates