amcharts

I am using Amcharts in my AngularJS Application to create a simple bar chart.The following is my code in the controller: let empChart; let empBarGraph; let empLine; const writeemp = data => { const { total, employees, } = data; empChart.dataProvider = e; empChart.write('emp'); empChart.validateData(); }; AmCharts.handleLoad(); var configChart = function () { empChart = new AmCharts.AmSerialChart(); empChart.categoryField = "state"; empChart.labelRotation = 90; var yAxis = new AmCharts.ValueAxis(); yAxis.position = "left"; empChart.addValueAxis(yAxis); empBarGraph = new AmCharts.AmGraph();

Could someone help me on changing the bullet or highlighting the highest and lowest values using amcharts?. I am using serial chart. The condition given in the function "highlight" is matching , however the the bullets are not highlighted to the highest and lowest points.. Any help will be appreciated. Please find my code below. <link rel="stylesheet" href="style.css" type="text/css"> <script src="amcharts/amcharts.js" type="text/javascript"></script> <script src="amcharts/serial.js" type="text/javascript"></script> <script> var chart; var chartData = [ {"date": "2006", "value": 63, "value1":

I am trying to make Amcharts bar chart for mobile and tablet screen width (less than 766px) I am facing some problems as follows - Since I am using the free version amcharts , have to keep "Js charts by amcharts" link in the chart. Only it is coming on the left of the chart overlapping my labels. How can I shift it to the right and bottom ? I would like the category labels to be above the value bars to make them more readable. How can I do that ? I would like to increase spacing between the bars to make them more readable and if user wants to click them they can easily click on the intended

Here is my codebase export class myComponent implements OnInit { minHist; maxHist; } public callAmcharts(whichFilterType:String){ this.amchart = AmCharts.makeChart( "chart", { "type": "serial", "theme": "light", "dataProvider": this.TrendData, "valueAxes": [ { "gridColor": "#FFFFFF", "gridAlpha": 0.2, "dashLength": 0 }], "gridAboveGraphs": true, "startDuration": 1, "graphs": [ { "balloonText": "[[category]]: <b>[[value]]</b>", "fillAlphas": 0.8, "lineAlpha": 0.2, "type": "column", "valueField": "dCount", "showHandOnHover":true } ], "chartCursor": { "categoryBalloonEnabled": false, "cursorAlpha

I am using amcharts 4 to display temperature lines. At times there are many stations so I would like to have just one tooltip and just for the value the cursor is at instead of one tooltip for every line (because then they overlap and some are unreadable). And there might be several stations with the same temperature so I would have to list all of them in the tooltip. Anyone knows how to achieve that? In amcharts 3 I used a balloonFunction attached to the graphs to create my own tooltip. But yet I couldn't find how to do it with the series in amcharts 4. Thanks for a hint! So as David Liang

I'm using amCharts and their SerialChart combined with a LineGraph. I've gotten it to work this way: <amq:SerialChart x:Name="_24HoursLineGraph" DataSource="{Binding Data}" CategoryValueMemberPath="Date" AxisForeground="White" PlotAreaBackground="Black" GridStroke="DarkGray" Grid.Row="1" Margin="20"> <amq:SerialChart.Graphs> <amq:LineGraph ValueMemberPath="Close" Title="Close" Brush="Blue" /> </amq:SerialChart.Graphs> </amq:SerialChart> Code behind: public ObservableCollection<Currency> Data { get { return _data; } } private ObservableCollection<Currency> _data = new ObservableCollection