amcharts实现柱状图效果
代码语言:html
所属分类:图表
代码描述:amcharts实现柱状图效果,版本为3
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>amCharts examples</title> <script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/amcharts.js"></script> <script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/amcharts-serial.js"></script> <script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/amcharts-light.js"></script> <script> var chart; var chartData = [{ "country": "China", "visits": 2325 }, { "country": "USA", "visits": 1822 }, { "country": "Japan", "visits": 1809 }, { "country": "Germany", "visits": 1322 }, { "country": "UK", "visits": 1122 }, { "country": "France", "visits": 1114 }]; AmCharts.ready(function () { // SERIAL CHART chart = new AmCharts.AmSerialChart(AmCharts.themes.light).........完整代码请登录后点击上方下载按钮下载查看
网友评论0