Questions tagged [amcharts]
amCharts is a JavaScript library that generates charts for data visualizations. Use this tag when you have issues understanding or using this library.
2,546
questions
2
votes
0
answers
25
views
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
({"Object.<...
0
votes
0
answers
29
views
Is there a way to implement mouse hover in amCharts javascript library?
I have read the docs for amcharts but did not found anything.
It only had one event called hit.
I am implementing column series.
I was implementing it in react storybook.
I have bar chart and wanted ...
0
votes
0
answers
16
views
AmChart 5 alternative for amChart 4's shortestDistance property
Good morning,
I'm using amChart to display a map showing the trajectory between two points. Even though it is not the correct path, i would like to experiment with it. Unfortunatly, i could not find ...
0
votes
0
answers
11
views
Amcharts group by date?
I want to create chart something like this:
But right now im getting this:
This is my data:
[{label: "2019-05-06"
paid: "deactivated"
value: 1
}
{paid: "paid",
label: &...
0
votes
0
answers
23
views
amchart (piechart) tooltiptext (show KiB, MiB instead of KB, MB unit)
chart.data = [{
"name": "Research1",
"capacity": 3500000
}, {
"name": "Research2",
"capacity": 2500000
}, {
"name":...
0
votes
1
answer
33
views
Multiple amCharts 4 in firefox
I try to load multiple amcharts charts on one page. The charts work perfectly with both Chrome and Edge. Firefox shows only the first graph and not the other graphs. Hopefully someone can show me how ...
0
votes
0
answers
19
views
am5charts pie of pie change the legend color text to red
How can I change the font color of the text below? my background is dark.
my jsfiddle: https://jsfiddle.net/theg99/2vsnmb16/1/
I did mange to change the colors of the lines with:
var line0 = container....
0
votes
1
answer
79
views
Linear Gauge functionality via AmChart 4
I'm looking to do a chart like this one using amcharts 4.
The question linked only supports AmCharts 3, and AmCharts 4 has no .addGraph() functionality. Is it possible to do this using XYCharts()?
...
0
votes
0
answers
27
views
AmCharts 4 Accessibility Issue
I am trying to run axedevtools for my application and when i run i can see couple of inbuilt graphic elements have role='menuitem'. However, there are no aria-labels. Hence the report from axedevtools ...
0
votes
2
answers
36
views
How to change the yAxis font size in amcharts version 5? (vue js 3)
This is my code:
I added this code snippet. But unfortunately, there was no change
{
category: "javad",
direction: "rtl",
align: "right",
fontSize: 50,
...
0
votes
0
answers
19
views
Amchart 4 [Violation] 'requestAnimationFrame'
I use amChart 4, the chart appear without animation, in the console I have the message of [Violation] 'requestAnimationFrame'
How can I solve this issue.
0
votes
0
answers
48
views
How to add custom Javascript on export button in Amcharts
I am working on amcharts. while exporting chart image the chart is taking too much time like 3 to 4 seconds , I need to show the loader during waiting time , Is there any functionality related to ...
0
votes
0
answers
27
views
Amcharts 4: overlapping LabelBullet text
I have a line chart with similar values.
Is there a way to automatically add padding when LabelBullets overlaps?
or some other elegant solution to this problem....
Either no one has this problem, or ...
0
votes
0
answers
16
views
amcharts legendValue text handle NaN
How can I handle NaN values for legendValueText for amcharts? In the code below, I am setting legendValueText to valueY - but the value of valueY is NaN for some data - so I want to make it zero.
...
0
votes
0
answers
30
views
<React> how to modify the link color of amchart5 - <Force-Directed Tree>
screenshot
The width of the link (line) can be modified, but the color does not change.
I've tried many things
series.links.template.setAll({
strokeWidth: 2,
strokeOpacity: 0.5,
...
0
votes
0
answers
35
views
amCharts5 setting Map data causes it to disappear
I have initialized a Map, set heatRules and then set the data on the polygonSeries by calling polygonSeries.data.setAll().
Everything works fine until I try to set new data on the polygonSeries. When ...
1
vote
0
answers
28
views
Amcharts scrollbar related to one axis only?
Is it possible with amcharts 4 to put a scrollbar only on a single value axis of the chart.
I have a chart with one X axis as Date axis, and several Y axes as Value axes. My plan was to make only one ...
0
votes
0
answers
68
views
Amcharts 5 - Smoothed line chart - two line charts
Im dealing with this problem.
I have smoothed line chart from amcharts v5.
And everything is working properly until i want to add second line to the chart. It only displays one line chart. And i need ...
0
votes
1
answer
55
views
html Container 'idchart' not found (Angular)
I created a pieChart of amcharts but I got this error html container 'chartdiv' not found
Here is file parent component
<div class="col-12 mt-4">
<app-gender-age-range-...
1
vote
1
answer
62
views
AmCharts5: How to change the x axis label and tooltip using a DateAxis?
With the amcharts4 I do something like this for the change tooltip and label text for the x axis with the CategoryAxis...
// change tooltip
this.xAxis.adapter.add("getTooltipText", (text, ...
0
votes
0
answers
18
views
am chart stacked bar chart individual columns are not starting from value zero
I have to create a stacked bar chart using amchart library. Here I'm looping all the data according to id and create separate series for the ids. But columns are link to gather. I Their individual ...
1
vote
2
answers
46
views
AmCharts5 set active state on country
Been stuck on this for quite a while.
I have an amcharts5 map in which I want to pre-zoom to a specific country and set it's state to active.
The zoom part was easy - polygonSeries.zoomToDataItem()
...
0
votes
0
answers
28
views
AmCharts5: get active dataItem on click LineSeries
How I can get dataContext from point by click on free area?
When you hover the mouse cursor, a tooltip appears, can I determine who has it currently active?
0
votes
0
answers
28
views
Change default behaviour of legend in Amchart 5
I'm trying to make this chart (https://www.amcharts.com/demos/reversed-value-axis/) in angular and need help in changing default behaviour of legend like if i click on any legend only that axis should ...
0
votes
0
answers
42
views
Why is tooltip interaction not working with amCharts4
I have a xy chart with a series of bullets and tooltips. The tooltips display when hovering over the bullets I want to only show them when the tooltip is clicked instead. I've read the amcharts4 ...
0
votes
1
answer
88
views
how to hide value axes label am5charts?
Using LineGraph example from amCharts demo area, I want to hide the Y axis labels. I have tried many things from older version but have not got any success.
here is the original demo link: https://www....
0
votes
0
answers
19
views
LazyLoad for amCharts Version 5
I'm using amcharts version 5 for my project.
there are about 60 charts in one page and right now whenever page reloads, the charts take a long time to appear.
Is there a way to lazyload them ?
I found ...
0
votes
0
answers
29
views
Amcharts 4: Addition value1 + value2 as tooltipText
There is this example:
https://www.amcharts.com/demos-v4/cylinder-gauge-v4/
I want a tooltip for the black cylinder, so I added this
series2.columns.template.tooltipText = "{value1}+{value2}"...
0
votes
0
answers
60
views
Disable boundary lines in AmCharts 5
I am creating Two Level Chart Pie. Is that possible to disable boundary lines? Each charts is in box with amchart logo in bottom-left cornel. Can i disable these lines? I am using amcharts 5
0
votes
0
answers
33
views
amCharts, cannot disable animation in word cloud
I am using amCharts v.5 to make word clouds, but I can't find a way to reduce nor to remove animation.
Animation is shown independently from the implementation of Animated theme.
I read documentation ...
0
votes
0
answers
21
views
disable default tooltip am5hierarchy.partition. amcharts
I want to disable tooltip in am5hierarchy.partition.
enter image description here
I show original code:`
// Create wrapper container
var container = root.container.children.push(am5.Container.new(root,...
0
votes
0
answers
32
views
Using amCharts5 is there a way to snap the dateAxis visible min and max to the nearest data item \ baseInterval \ groupInterval?
I'm trying to find a way to snap the xAxis in a line chart to the closest min and max data points in the visible chart area.
As you can see in any of the line chart demos, when zooming or panning the ...
0
votes
0
answers
28
views
Counting empty periods in DateAxis amchart
How can I count empty periods in DateAxis in amchart? I need to change height of conteiner based on that value and data.lenght.
Or how can I set min thickness of date column? And I hope that whole ...
1
vote
1
answer
103
views
how to change event on legend click in amcharts 5?
the same problem solve is here https://www.amcharts.com/docs/v4/tutorials/activate-deactivate-a-pie-slice-on-legend-click-instead-of-toggling/ , I need to have the same effect but it doesnt work in ...
0
votes
0
answers
203
views
How to control amcharts stroke width?
I am creating a chart width horizontal bar. I have removed the X grid line. and now I want to control Y grid line width.
This is current chart looks like.
Then i have tried this line categoryAxis....
0
votes
1
answer
16
views
AmCharts4: Changing color of label line in PieChart
It's pretty straightforward: I need to change this lines color to white, but can't find the property that controls this line. Any suggestions?
0
votes
1
answer
46
views
How to disable Zoom and Pan on a Map Chart of amChart5
I used the amChart4 Map before and have just switched to amChart5 Map. I know there is a document about disabling zoom and pan on map chart of amChart4, but I can't find any about amChart5.
So I've ...
0
votes
1
answer
25
views
How to indicate the specific datapoint on the XY am4chart upon clicking on it?
It may seem really trivial but I haven't been able to find the solution for my problem anywhere. So I have a classic XY am4chart with couple hundreds data points in the line series. I want the chart ...
0
votes
0
answers
42
views
How to create Race Chart using AMCHARTS version 4
I'm trying to make Race chart using amcharts I've found the demo solution in documentation below .
/**
* ---------------------------------------
* This demo was created using amCharts 4.
*
* ...
0
votes
1
answer
84
views
Set alternative colors when using the propertyFields on series.columns.template
Im having a problem to set an alternative color for a label on a series column template using the propertyField.
For example. I use this:
let columnTemplate = series.columns.template;
columnTemplate....
0
votes
0
answers
29
views
Change Color TooltipText Angular Amchart
i want to set a color (variable "color") in the background of my tooltip, which containts text that change acorting to the data. Also, i want that if I click in the item, it open me another ...
0
votes
1
answer
25
views
Line chart not plotting in sequence
I am trying to implement Line chart, from API I am getting response in sequence but on Line Chart its not plotting in sequence.
Here is JSFiddle
0
votes
0
answers
37
views
Amcharts column chart labels don't align below column when interval is greater than 1
Please look into this demo column chart.
https://www.amcharts.com/demos/step-count-chart/
When the date axis interval is 1, the axis label aligns perfectly below the chart.
But when the axis label ...
0
votes
1
answer
45
views
amChart clustered-column-chart labels are not related with columns
I am using amchart5 with React and based on this demo decided to create clustered vertical chart.
if I give "500px" as width it would be like
width:"500px"
if I give "400px&...
0
votes
0
answers
37
views
How can I disable hovering behaviour completely or trigger the trigger event in amCharts 5?
My usecase is that I want to trigger the active state of a slice of a piechart from outside, which is no problem so far by using states.applyAnimate('active') and to reverse it I apply 'default'. ...
0
votes
1
answer
90
views
How to interactivly resize bars in Amcharts gantt chart?
As a base I use this gantt chart from Amcharts:
https://www.amcharts.com/demos/gantt-chart-dates/
Is there a way to let the user interactivly resize any of the items? I see there is a resizable ...
0
votes
0
answers
148
views
AMCharts 5 : Change bullet opacity on legend hover
I'm trying to adapt this amcharts 5 example on how to highlight a series when hovering the legend : https://www.amcharts.com/demos/highlighting-line-chart-series-on-legend-hover/
Here is my codepen : ...
0
votes
2
answers
287
views
Clickable label in Amcharts5 Stacked Bar Chart
I am trying to add to the Stacked Bar Chart the ability to click on the labels on the left side of the chart, but without effectiveness.
There are some posts on the Internet on how to add links to ...
0
votes
1
answer
52
views
Not Updating amChart with Observable data stream when onClick event fires
Can someone who understands rxjs's Observable type help me understand what I'm doing wrong here? The amChart4's radar chart I'm using is passed a data source property that is correctly reflecting data ...
0
votes
0
answers
10
views
JS amChart set cursor resolution to minutes and keep axis in days
I am setting a custom date format for the dateAxis tooltip in order to show the hour/min/sec.
If I just set one day with different times, it is rendered as expected, and I can see the proper time in ...