er(
source,
{
async: false,
autoBind: true,
loadError: function (xhr, status, error) {
alert('Error loading "' + source.url + '" : ' + error);
}
}
);
settings = {
title: "U.S. GDP Percentage Change",
borderLineWidth: 1,
showBorderLine: true,
enableAnimations: true,
description: '(source: Bureau of Economic Analysis)',
showLegend: false,
//padding: { left: 5, top: 5, right: 10, bottom: 5 },
//titlePadding: { left: 0, top: 0, right: 0, bottom: 10 },
source: dataAdapter,
xAxis:
{
//description: 'Year and quarter',
dataField: 'Quarter',
unitInterval: 1,
textRotationAngle: -75,
formatFunction: function (value, itemIndex, serie, group) {
return value;
},
valuesOnTicks: false
},
colorScheme: 'scheme05',
seriesGroups:
[
{
type: 'column',
valueAxis:
{
description: 'Percentage Change',
formatFunction: function (value) {
return value + '%';
},
maxValue: 10,
minValue: -10,
unitInterval: 2
},
series:
[
{
dataField: 'Change',
displayText: 'Change',
toolTipFormatFunction: function(value, itemIndex, serie, group, categoryValue, categoryAxis) {
return 'Year-Quarter: ' + categoryValue
+ '
GDP Change: ' + value + ' %
'
},
// Modify this function to return the desired colors.
// jqxChart will call the function for each data point.
// Sequential points that have the same color will be
// grouped automatically in a line segment
colorFunction: function (value, itemIndex, serie, group) {
return (value < 0) ? '#CC1133' : '#55CC55';
}
}
]
}
]
};
$("#chart1").jqxChart(settings);
});