Reversed Value Axis
Values on value axis can be reversed - the smallest value will be on top and the biggest - in the bottom. This is mostly used to show the positions of sport events and similar.
<h2>Smart legend markers</h2>
Instead of displaying rectangle or some other shape, the legend can automatically create legend marker which would repeat the graph style - use it's line color/thickness and bullet style.
by Rogério Saraceni
December 31, 2018
HTML
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<div id="chartdiv-evolution-week-zone"></div>
CSS
#chartdiv-evolution-week-zone {
width : 100%;
height : 500px;
}
JavaScript
var chart = AmCharts.makeChart("chartdiv-evolution-week-zone", {
"type": "serial",
"theme": "light",
"autoMargins": false,
"marginTop": 10,
"marginBottom": 30,
"titles": [
{
"text": "Evolution by Week Zone",
"size": 12
},
],
"balloon": {
"adjustBorderColor": false,
"horizontalPadding": 10,
"verticalPadding": 4,
"color": "#ffffff"
},
"dataProvider": [
{
"Zone": 23,
"Africa": 40,
"APAC N": 67,
"APAC S": 30,
"COPEC": 50,
"EUROPE": 55,
"LAS": 68,
"MAZ": 52,
"NAZ": 68,
"LAN": 28,
},
{
"Zone": 27,
"Africa": 32,
"APAC N": 66,
"APAC S": 27,
"COPEC": 40,
"EUROPE": 50,
"LAS": 65,
"MAZ": 55,
"NAZ": 62,
"LAN": 25,
},
{
"Zone": 32,
"Africa": 38,
"APAC N": 68,
"APAC S": 29,
"COPEC": 42,
"EUROPE": 51,
"LAS": 69,
"MAZ": 58,
"NAZ": 60,
"LAN": 24,
},
{
"Zone": 36,
"Africa": 32,
"APAC N": 66,
"APAC S": 27,
"COPEC": 40,
"EUROPE": 50,
"LAS": 65,
"MAZ": 55,
"NAZ": 62,
"LAN": 25,
},
{
"Zone": 39,
"Africa": 32,
"APAC N": 66,
"APAC S": 27,
...