JQuery plugin HIGHCHARTS Drawing simple 2D columnar map effect example [with Demo Source]

This example tells the JQuery plugin HIGHCHARTS to draw simple 2D histogram effects. Share to everyone for reference, specifically:

1, instance code:

     Highcharts 2D column chart    $ (Function () {$ ('# colornchart'). Highcharts ({Chart: {type: 'column'}, Title: {text: '(JB51.NET statistics) 2016 monthly income'}, subtitle: {text: 'month's income'}, xaxis: {categories: ['Jan', 'February', 'March' , 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']} Yaxis: {min: 0, Title: {text: 'Income (¥)'}}, Tooltip: {HEADERFORMat: ' {Point.Key}  ', PointFormat: '  {series.name}: ' + '  {POINT.Y : .1f} 元 , Shared: true, Usehtml: true}, PlotOptions: {Column: {PointPadding: 0.2, BorderWidth: 0}}, Series : [{Name: 'Zhang 3', Data: [4995, 7169, 1064, 7292, 2440, 4545, 6545, 9564, 1245, 4512, 6523, 4514]}, {name: 'Li Si', DATA: [ 8361, 2354, 4512, 2356, 4515, 6451, 9865, 5455, 8254, 6562, 6945, 2356]}, {Name: 'Wang Wu', Data: [4512, 9565, 6564, 2652, 3265, 1202, 7845 , 9845, 2356, 7844, 5424, 6312]}, {name: 'Zhao Si', DATA: [6523, 8956, 6531, 6532, 9864,4552, 9564, 7845, 6523, 4512, 8956, 2356]}]});}); 
, Footerformat: '
Addition:
Complete instance code Click here This site download
.

More about jQuery-related content, readers, interested, can view this topic: “jQuery common plug-in and usage summary”, “jQuery AJAX Usage Summary”, “jQuery form (Table) operation skills summary, “JQuery extension skill summary”, “jQuery Common Classic Special Effects Summary” and “JQuery Selector Summary”

jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】 I hope this article will help you jQuery program.

© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment