amcharts Column chart with multiple datasets
by amcharts
HTML
<script src="https://agra-net.net/agra/skins/agra/js/jquery-1.10.2_min.js"></script>
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/amstock.js"></script>
<div id="chart-div" style="width: 100%; height: 362px;"></div>
JavaScript
var GT = GT || {};
GT.getConfiguredChart = function(dataSets) {
chart = new AmCharts.AmStockChart();
chart.dataDateFormat = "YYYY-MM-DD";
chart.pathToImages = "https://agra-net.net/agra/skins/agra/gfx/amcharts/";
for (var i = 0; i < dataSets.length; i++){
var dataSet = new AmCharts.DataSet();
dataSet.dataProvider = dataSets[i].commodityPrices;
dataSet.fieldMappings = [{fromField:"price", toField:"value"}];
dataSet.categoryField = "date";
dataSet.title = dataSets[i].commodityName;
if(i != 0) {
dataSet.compared = true;
}
chart.dataSets[i] = dataSet;
console.log(dataSet.dataProvider);
}
var categoryAxesSettings = new AmCharts.CategoryAxesSettings();
categoryAxesSettings.maxSeries = 0;
chart.categoryAxesSettings = categoryAxesSettings;
var chartCursorSettings = new AmCharts.ChartCursorSettings();
chartCursorSettings.bulletsEnabled = true;
chartCursorSettings.valueBalloonsEnabled = true;
chart.chartCursorSettings = chartCursorSettings;
var stockPanel = new AmCharts.StockPanel();
stockPanel.recalculateToPercents = 'never';
chart.panels = [stockPanel];
var legend = new AmCharts.StockLegend();
legend.spacing = 30;
legend.valueText = '';
stockPanel.stockLegend = legend;
var graph = new AmCharts.StockGraph();
graph.valueField = "value";
graph.lineThickness = 2;
graph.compareGraphLineThickness = 2;
graph.comparable = true;
graph.compareField = "value";
stockPanel.addStockGraph(graph);
var periodSelector = new AmCharts.PeriodSelector();
periodSelector.periods = [
{period:"MM", count:1, label:"1 month"},
{period:"YYYY", count:1, label:"1 year"},
{period:"YTD", label:"YTD"},
{period:"MAX", label:"MAX"}
];
chart.periodSelector = periodSelector;
var scrollbarSettings = new AmCharts.ChartScrollbarSettings();
...