В настоящее время я обновляю , перенося мои amCharts с V3 на V4 (хотелось бы, чтобы я не начал!) - Одна из многих проблем, с которыми я сталкиваюсь, - это попытка создания Ганта диаграмма с данными JSON.
У меня не было проблем с этим при использовании библиотеки V3, но я не могу обернуться вокруг конфигурации версии 4.
Вот как я загружал данные, используя V3 (без каких-либо проблем):
var chart_today = new Date();
var chart_month = chart_today.getMonth() + 1;
var chart_day = chart_today.getDate();
if (chart_month < 10) chart_month = '0' + chart_month;
if (chart_day < 10) chart_day = '0' + chart_day;
$('.ganttdiv').each(function(obj) {
var chart = AmCharts.makeChart(obj, {
"type": "gantt",
"theme": "light",
"responsive": {
"enabled": true
},
"marginRight": 70,
"period": "mm",
"precision": -1,
"dataDateFormat": "YYYY-MM-DD",
"columnWidth": 0.5,
"valueAxis": {
"type": "date"
},
"graph": {
"fillAlphas": 1
},
"rotate": true,
"categoryField": "category",
"segmentsField": "segments",
"colorField": "color",
"startDate": chart_today.getFullYear() + "-" + chart_month + "-" + chart_day,
"startField": "start",
"endField": "end",
"durationField": "duration",
"dataLoader": {
"url": "https://api.myjson.com/bins/zkhs3",
"async": true,
"reload": 300
},
"valueScrollbar": {
"autoGridCount": true
},
"chartCursor": {
"cursorColor": "#55bb76",
"valueBalloonsEnabled": false,
"cursorAlpha": 0,
"valueLineAlpha": 0.5,
"valueLineBalloonEnabled": true,
"valueLineEnabled": true,
"zoomable": false,
"valueZoomable": true
},
});
});
Я пытаюсь воссоздать ту же диаграмму Ганта - я убрал навороты, пытаясь просто отобразить данные, но у меня нет радости.
Ссылка на CodePen с последней попыткой
Любые предложения будут с благодарностью!
- также любые предложения по переименованию вопроса будут бонусом: P