最新FusionCharts2D柱状图

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.****.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

               

1、实现源码

<!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title>FusionCharts最新FusionCharts2D柱状图</title>  <script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>  <script type="text/javascript" src="../js/FusionCharts/fusioncharts.js" ></script>  <script>   FusionCharts.ready(function(){    var columnChart = new FusionCharts({     type:"column2d",     renderAt:"column2D",     width:"1345",     height:"620",     dataSource:{      "chart":{       "caption":"月销售量",       "xAxisName":"月份",       "yAxisName":"销售量",       "exportEnabled":"1"      },      "data":[       {        "label":"1月",        "value":"120"       },{        "label":"2月",        "value":"230"       },{        "label":"3月",        "value":"654"       },{        "label":"4月",        "value":"454"       },{        "label":"5月",        "value":"323"       },{        "label":"6月",        "value":"640"       },{        "label":"7月",        "value":"431"       },{        "label":"8月",        "value":"809"       },{        "label":"9月",        "value":"345"       },{        "label":"10月",        "value":"430"       },{        "label":"11月",        "value":"870"       },{        "label":"12月",        "value":"670"       }]     }    }).render();   });  </script> </head> <body>  <div id="column2D"></div> </body></html>

2、实现结果

最新FusionCharts2D柱状图

           

给我老师的人工智能教程打call!http://blog.****.net/jiangjunshow

最新FusionCharts2D柱状图