V3: Bar and Line mix
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<div id="chartdiv" style="width: 100%; height: 362px;"></div>
JavaScript
var chart;
var chartData = [{
"majorName": 'Металургия',
"indicatorValue": 9.26
}, {
"majorName": 'Психология',
"indicatorValue": 9.00
}, {
"majorName": 'Педагогика',
"indicatorValue": 8.8
}, {
"majorName": 'Хранителни технологии',
"indicatorValue": 7.44
}, {
"majorName": 'Растениевъдство',
"indicatorValue": 7.00
}, {
"majorName": 'Средна стойност',
"indicatorValue": 6.98,
"color": "#00ffff"
}, {
"majorName": 'Информационни технологии',
"indicatorValue": 6.98
}, {
"majorName": 'Комуникации',
"indicatorValue": 6.80
}, {
"majorName": 'Търизъм',
"indicatorValue": 5.90
} ];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.startDuration = 1;
chart.rotate = true;
chart.categoryField = "majorName";
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.gridPosition = "start";
categoryAxis.axisColor = "#DADADA";
categoryAxis.dashLength = 3;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.dashLength = 3;
valueAxis.axisAlpha = 0.2;
valueAxis.title = "Million USD";
valueAxis.minorGridEnabled = true;
valueAxis.minorGridAlpha = 0.08;
valueAxis.gridAlpha = 0.15;
chart.addValueAxis(valueAxis);
// GRAPHS
// column graph
var graph1 = new AmCharts.AmGraph();
graph1.type = "column";
graph1.title = "majorName";
graph1.valueField = "indicatorValue";
graph1.lineAlpha = 0;
graph1.fillColors = "#ADD981";
graph1.fillAlphas = 0.8;
graph1.negativeBase = 6.98;
graph1.negativeFillAlphas = 0;
graph1.negativeFillColors="#AD8881"
graph1.colorField = "color";
graph1.gradientOrientation = "vertical";
graph1.balloonText = "<span style='font-size:13px;'>[[title]] in...