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