amcharts4 | advanced amCharts charting library for JavaScript | Data Visualization library

I am making a Gantt Chart in amcharts (Angular/Typescript), and everything goes smoothly save coloring the columns of a series.

Imports:

I am using am4themes_animated in my angular project and am moving to eslint instead of tslint.

import am4themes_animated from '@amcharts/amcharts4/themes/animated';

However, ESlint is giving the following error.

Identifier 'am4themes_animated' is not in camel case camelcase

I have tried using alias like import am4themes_animated as am4themesAnimated from '@amcharts/amcharts4/themes/animated'; but it won't allow this.

This might be a very novice question but please if someone could help, would really appreciate it. Thanks. (My first question here, so learning as I go, sorry if any mistakes)

Update:

import * as am4themesAnimated does not work as I need the constant to be passed as a parameter like this: am4core.useTheme(am4themes_animated);

when creating a column chart using the Amcharts4 library I get the following error message:

Uncaught ReferenceError: am4core is not defined

My code is as follows:

JS

I am displaying a Gantt chart based on the AMCharts4 Gantt example which does pretty much what i want. But i need the date axis to always display specific hours of the day. e.g. Every day from 8 a.m. to 5 p.m. (or 8 to 17). Even if there is no data or even if there is more data.

I already played around with the interval settings (https://www.amcharts.com/docs/v4/concepts/axes/date-axis/) but i do not quite get the result i want.

I am having MVC application and trying to add Bootsrap5 through Webpack and am getting following error. I have tried many of the workaround with stage-0, stage-2 and stage-3 but nothing worked for me.

I am suspecting the issue is because of three dots (Spread syntax) but the workaround not helped for me.

Issue:

So I'm working on a website where data can be viewed on a column chart, and the amount of data presented on the chart is dependent on what settings are selected in a "filter" panel. Whenever the settings in the filter change, the data on the graph is first cleared of everything, and then added back in according to the new settings.

I'm trying to replace the column chart I previously used with the Google Charts API, and am now using amCharts4 to generate the chart.

Everything is working fine so far, except for one issue. Whenever the graph resets, the colors on each series changes. I'm assuming the colors picked for each new series added are in order within the theme's spectrum. Every time the chart is reset, the color of the first series is the one right after the last series of the previous version of the chart.

The first version of the chart, before any filter settings are changed.

The second version of the chart, after I change a setting in the filter.

If I keep changing the settings, the colors will just keep going through the spectrum, through green, yellow, orange etc.

I'm assuming the previous series are saved somewhere, which is why the colors aren't being reset. But in the code I wrote to clear the series', I thought I was disposing them:

...

I've been struggling to create a custom map that will overlap the default map with more information. I created a GeoJSON file with the coordinates of the borders as seen on this QGIS screenshot: Custom North Nigeria on QGIS but when bringing that GeoJSON file and using it on the actual map with the polygonseries, it uses the "negative" of this polygon, i.e. it assumes this map is all the world outside of this polygon, leaving the inside of the polygon empty Custom North Nigeria on AmCharts4 (you can see in brown below the actual map loaded from the worldLow series.

Here is the GeoJSON I'm importing.

I'm struggling to open my json arranged data in AmCharts4. In my previous charts I used very simple script (chart.data = ;), which unfortunately does not work this time. So I'm using chart.dataSource.url function proposed by AmCharts documentation. When, I load example file found on web everything works fine, as soon as I switch to my file the chart is not able to load file. I'm not able to find a similar problem on web, therefore I would be very grateful for help.

Here is my example with working url and my not working file.

Thanks in advance:

I am using AmCharts4 and I want to add the title of the graph which is in an external container with a unique ID to the exported file (image, document, print,...)

This is how I add the title to the container: