myChart.showLoading();
$.get('data/asset/data/obama_budget_proposal_2012.list.json', function (obama_budget_2012) {
myChart.hideLoading();
option = {
tooltip : {
trigger: 'axis',
axisPointer: {
type: 'shadow',
label: {
show: true
}
}
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType: {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
legend: {
data:['Growth', 'Budget 2011', 'Budget 2012'],
itemGap: 5
},
grid: {
top: '12%',
left: '1%',
right: '10%',
containLabel: true
},
xAxis: [
{
type : 'category',
data : obama_budget_2012.names
}
],
yAxis: [
{
type : 'value',
name : 'Budget (million USD)',
axisLabel: {
formatter: function (a) {
a = +a;
return isFinite(a)
? echarts.format.addCommas(+a / 1000)
: '';
}
}
}
],
dataZoom: [
{
show: true,
start: 94,
end: 100
},
{
type: 'inside',
start: 94,
end: 100
},
{
show: true,
yAxisIndex: 0,
filterMode: 'empty',
width: 30,
height: '80%',
showDataShadow: false,
left: '93%'
}
],
series : [
{
name: 'Budget 2011',
type: 'bar',
data: obama_budget_2012.budget2011List
},
{
name: 'Budget 2012',
type: 'bar',
data: obama_budget_2012.budget2012List
}
]
};
myChart.setOption(option);
});