amCharts datePadding - проблема с заполнением полосы прокрутки - PullRequest
0 голосов
/ 09 апреля 2019

Я использую плагин datePadding для amCharts , чтобы иметь свободное пространство до и после всех сегментов на оси.Он отлично работает, но также добавляет некоторые отступы на полосу прокрутки.

Вы можете увидеть проблему на следующей вилке: https://codepen.io/th3vic/pen/BEKGWo

 var items = [{"category":"Finn Power E5","segments":[{"start":"2019-03-26 07:00:00","end":"2019-04-01 15:00:00","task":"Doza to check","color":"#cc4748"}]},{"category":"Amada 91","segments":[{"start":"2019-03-28 07:00:00","end":"2019-03-28 15:00:00","task":"Doza to check","color":"#cc4748"}]}]; 

var minimumDate ="2019-03-25 07:00:00"; var maximumDate="2019-04-02 15:00:00";

var chart = AmCharts.makeChart("chartdiv", {
                "type": "gantt",
                "theme": "light",
                "marginRight": 70,
                "period": "hh",
                "dataDateFormat": "YYYY-MM-DD JJ:NN:SS",
                "columnWidth": 0.5,
                "valueAxis": {
                    "type": "date",
                    "minimumDate": minimumDate,
                    "maximumDate": maximumDate
                },
                "brightnessStep": 7,
                "graph": {
                    "fillAlphas": 1,
                    "lineAlpha": 1,
                    "lineColor": "#fff",
                    "fillAlphas": 0.85,
                    "balloonText": "<b>[[task]]</b>:<br />[[open]] -- [[value]]"
                },
                "rotate": true,
                "categoryField": "category",
                "segmentsField": "segments",
                "colorField": "color",
                "startDateField": "start",
                "endDateField": "end",
                "dataProvider": items,
                "valueScrollbar": {
                    "autoGridCount": true
                },
                "chartCursor": {
                    "cursorColor": "#55bb76",
                    "valueBalloonsEnabled": false,
                    "cursorAlpha": 0,
                    "valueLineAlpha": 0.5,
                    "valueLineBalloonEnabled": true,
                    "valueLineEnabled": true,
                    "zoomable": false,
                    "valueZoomable": true
                },
                "legend": {
                    "data": [{
                        "title": "Module #1",
                        "color": "#b9783f"
                    }, {
                        "title": "Module #2",
                        "color": "#cc4748"
                    }, {
                        "title": "Module #3",
                        "color": "#cd82ad"
                    }, {
                        "title": "Module #4",
                        "color": "#2f4074"
                    }, {
                        "title": "Module #5",
                        "color": "#448e4d"
                    }]
                },
                "export": {
                    "enabled": true
                }
            });

enter image description here

Возможно ли исправить?(не иметь отступов на полосе прокрутки)

...