java barchart_转 HighCharts笔记之: Bar Chart

chart: {

renderTo:'container',

defaultSeriesType:'bar'},

title: {

text:''},

subtitle: {

text:''},

xAxis: {

categories: ['Activity Entry', 'Activity Update', 'Blog Entry', 'Blog Comments', 'Feed','Bookmark','File','Forum Topic','Forum Reply','Wiki','Ram','Liquid'],

title: {

text:null}

},

yAxis: {

min:0,

title: {

text:'Units',

align:'high'},

labels: {

overflow:'justify'}

},

tooltip: {

formatter:function() {return ''+

this.series.name +': '+ this.y;

}

},

plotOptions: {

bar: {

dataLabels: {

enabled:true}

}

},

legend: {

layout:'vertical',

align:'right',

verticalAlign:'top',

x:-100,

y:100,

floating:true,

borderWidth:1,

backgroundColor:'#FFFFFF',

shadow:true},

credits: {

enabled:false},

series: []

};

$.getJSON('', function(json) {

options.series= json;//options.series.push(json);

//console.log("JSON: " + JSON.stringify(options));

//console.log("Render to element with ID : " + options.chart.renderTo);

//console.log("Number of matching dom elements : " + $("#" + options.chart.renderTo).length);

newHighcharts.Chart(options);

}).error(function() {console.log('error');});

$("a[data-toggle=modal]").click(function(){var target = $(this).attr('data-target');var url = $(this).attr('href');

$(target).innerHTML='';

$(target).load(url);

});

});