Questions tagged [amcharts5]

173 questions
7
votes
4 answers

Amcharts5 - Error You cannot have multiple Roots on the same DOM node - React 17

I want to create a chart with amcharts5 in my react app. I instantiate a root element of amcharts5 in a component that I import in my app component. I get the following error You cannot have multiple Roots in the same DOM node Here's my…
LaïLoKen
  • 73
  • 1
  • 5
4
votes
1 answer

Jest encountered an unexpected token when use the `amchart5` imports

I am getting this error by doing jest test with amchart5 integration. Details: C:\Users\BASHIMX5\Projects\Bitbucket\hf-ui\node_modules\@amcharts\amcharts5\index.js:1 …
3gwebtrain
  • 14,640
  • 25
  • 121
  • 247
4
votes
1 answer

How to assign different colors to chart labels on graph interface in amChart 5?

I have a simple amChart5 chart. I would like to change the colors of the text that displays on the axes and assign a different color to each of these elements. What I have: What I want: The documentation explains that you can change the color but…
Anpyre
  • 39
  • 2
4
votes
3 answers

Amcharts5 error when calling function to draw chart second time

I am calling this function to draw the pie to a div with the id "animating-donut" which is inside a modal window. The first time it works but when clicking the second time I got these errors and the chart is not displayed Uncaught Error: You cannot…
Isaac Nehmad
  • 41
  • 1
  • 5
4
votes
1 answer

amCharts 5: Is is possible to rotate axes tick labels?

Is is possible to rotate axes tick labels in amCharts 5? E.g. I am unable to find this mentioned anywhere in the new amCharts 5 documentation. This was possible in amCharts 4.
lukebm
  • 163
  • 11
2
votes
1 answer

amchart accessing values inside a structured data object

How can I add extra data to the json object in AMchart? When my obj is simple everything parses: var data = [ {year: "1930",italy: 4,germany: 5.1,uk: 3}, {year: "1934",italy: 1,germany: 2,uk: 6}, {year: "1938",italy: 2,germany: 3,uk: 1} ]; But…
t q
  • 4,593
  • 8
  • 56
  • 91
2
votes
0 answers

How can I make the Y axis labels show only x number of labels?

I am using am5 charts, I want to display 10 labels on the Y axis starting from 0. I have followed the documentation but was unable to find any configuration option to change it. I tried everything but was unable to figure it out. Is there a…
2
votes
1 answer

AmChart 5 - How to clear up selected route

I am using AmChart v5 for creating a map view. In the map view there is a feature like user can select any location point on the map and then I am drawing a route from users home location to the destination he just selected. But now, on certain…
Ritesh
  • 21
  • 2
2
votes
2 answers

Anyone know how to remove the logo from amchart 5?

For this is image. logoimage I need to remove the logo from my chart. in amchart 4 this code is work to remove the logo. if(chart.logo){ chart.logo.disabled = true;} but for amchart 5 it is not working anymore.
2
votes
1 answer

Amcharts5 chart add tooltip to circle

I`m trying to add a tooltip to my chart but it doesn't work. I've added it both to bullet and to series as well. There is no enough info in docs about how to add tooltip in this case. When I add tooltip to series in which graphic is based everything…
Misha Marchak
  • 35
  • 1
  • 7
2
votes
1 answer

AmCharts v5: pre-zooming date axis

I am setting up a candlestick chart from this example: https://www.amcharts.com/demos/candlestick-chart/ What I am trying to do is to pre-zoom the chart to the last 10% of the available data. In the documentation (…
Timur Gafforov
  • 771
  • 3
  • 10
  • 28
2
votes
1 answer

amCharts v5 template adapter example throws an error when runs as TypeScript, but not JavaScript

I'm trying to change bar colours based on value, which is easy enough in JS, but when I implement the code in a TSX file, it gives me an error: As you can see, VS Code is telling me that dataItem is not a property of target when the file has a TSX…
Adam Hey
  • 1,512
  • 1
  • 20
  • 24
1
vote
0 answers

amCharts 5 map projections - How to stop Rhumb Line wrap-arounds?

I have adapted an amCharts 5 example (https://www.amcharts.com/demos/map-using-d3-projections/) with the aim of plotting a Rhumb Line on the map projections. I managed to plot a Rhumb Line. However, using a rectangular projection such as Mercator,…
Zarty
  • 11
  • 2
1
vote
1 answer

Amcharts 5 Chart Doesn't Work in MUI Dialog: Could not find HTML element with id

I am using AmChart 5's XY Chart to show some data. When a button is clicked users can see this chart in a MUI Dialog to do some manipulations on it. However, when I want to show my chart in a MUI Dialog with a unique ID, it gives "Could not find…
alalackck
  • 29
  • 1
  • 7
1
vote
1 answer

How do i sort the segments within each column for a stacked bar chart so that the largest value for each category is always at the top?

I am trying to create a bar chart using AmCharts 5 where the segments for each column are sorted from smallest to largest, so that the largest segment is always placed at the top of the column. My chart code so far looks like this: // Get chart div…
James Dernie
  • 158
  • 8
1
2 3
11 12