Example of the 3D double-column Chart drawn by the jQuery plug-in FusionCharts [with demo source code], jqueryfusioncharts

Example of the 3D double-column Chart drawn by the jQuery plug-in FusionCharts [with demo source code], jqueryfusioncharts

This article describes how to use the jQuery plug-in FusionCharts to create a 3D double-column chart. We will share this with you for your reference. The details are as follows:

1. source code of the 3D double bar chart page is as follows:

<! DOCTYPE html PUBLIC "-// W3C // dtd html 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd"> 
2. doubleColumn3D. xml:
<? Xml version = "1.0" encoding = "UTF-8"?> <Chart caption = '(jb51.net statistics) statistical revenue for 2015 and 2016 'axisname = 'month' yAxisName = 'revenue 'showValues = '0' baseFont = ''baseFontSize = '14' baseFontColor = '# 00ff00' outCnvBaseFont = 'body' labels = '16' labels = '#798777 'showaboutmenuitem = '1' showLabels = '1' labelDisplay = 'rotate' useEllipsesWhenOverflow = '1' rotateLabels = '1' slantLabels = '1' staggerLines = '2' labelStep = '3' placeValuesInside = '1' showYAxisValues = '1' showLimits = '1' showDivLineValues = '1' showShadow = '1' adjustDiv = '1' setAdaptiveYMin = '1' centerYaxisName = '1' useRoundEdges = '1' numDivLines = '8' divLineColor = '#987989' divLineIsDashed = '1'> <categories> <category label = 'octoken'/> <category label =' october 22, '/> <category label = 'October 22,'/> <category label = 'October 22, '/> <category label = 'October 22,'/> <category label = 'octoken'/> </categories> <dataset seriesName = '20160301'> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value =' 95656 '/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> </dataset> <dataset seriesName = '000000'> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value =' 95656 '/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> <set value = '000000'/> </dataset> </chart>
3. The running result is as follows:

Appendix:Click here for the complete instance codeDownload from this site.
Note:The source code needs to be run in the server environment! Otherwise, xml file data cannot be loaded.