Страница с графиками

amCharts

by Евгений

HTML

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/pie.js"></script>
<script src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="t2_visit-chart"></div>
<h1>Гемография посетителей</h1>
<div class="col">
    <div class="t2_pie-chart" id="t2_countries-chart"></div>
    <!--<div class="t2_pie-chart-legnd" id="t2_countries-chart-legnd"></div>-->
</div><div class="col">
    <div class="t2_pie-chart" id="t2_cities-chart"></div>
</div>
<h1>Демография посетителей</h1>
<div class="col">
    <div class="t2_pie-chart" id="t2_sexs-chart"></div>
</div><div class="col">
    <div class="t2_pie-chart" id="t2_agees-chart"></div>
</div>
<div class="t2_pie-chart" id="t2_agees-searches"></div>

CSS

.col {
    display: inline-block;
    width: 50%;    
}
#t2_visit-chart {
	width	: 100%;
	height	: 500px;
}	
.t2_pie-chart {
	width		: 100%;
	height		: 500px;
	font-size	: 11px;
}

JavaScript

var chartLang = {
    ru: {
        "Jan": "Янв",
        "Feb": "Фев",
        "Mar": "Март",
        "Apr": "Апр",
        "May": "Май",
        "Jun": "Июнь",
        "Jul": "Июль",
        "Aug": "Авг",
        "Sep": "Сен",
        "Okt": "Окт",
        "Nov": "Ноя",
        "Dec": "Дек",
        
        "Month": "Месяц",
        "Visitors": "Посетители",
        "Pageviews": "Просмотры",
        "Traffic statistics*": "Статистика посещаемости*",
        "By countries:": "По странам:",
        "By cities:": "По городам:",
        "By gender:": "Пол:",
        "By age:": "Возраст:",
        "Traffic sources:": "Источники трафика:",
        "Country": "Страна",
        "City": "Город",
        "Gender": "Пол",
        "Age": "Возраст",
        "Source": "Источник",
        "Value": "Значение",       
        
        //страны

        'Russia': "Россия",
        'Ukraine': "Украина",
        'Belarus': "Беларусь",
        'Kazakhstan': "Казахстан",
        'Moldova': "Молдова",
        'Germany': "Германия",
        
        //города
        'Moscow': "Москва",
        'St. Petersburg': "Санкт-Петербург",
        'Samara': "Самара",
        'Yekaterinburg': "Екатеринбург",
        'Krasnodar': "Краснодар",
        'Rostov-on-Don': "Ростов-на-Дону",
        'Kiev': "Киев",
        'Nizhny Novgorod': "Нижний Новгород",
        'Novosibirsk': "Новосибирск",
        'Voronezh': "Воронеж",
        'Minsk': "Минск",
        'Kazan': "Казань",
        'Omsk': "Омск",
        'Krasnoyarsk': "Красноярск",
        'Perm': "Пермь",
        'Saratov': "Саратов",
        
        //пол
        'Woman': "Женщины",
        'Man': "Мужчины",
        
        
        //источники
        "Search engines": 'Поисковики',
        "Direct": 'Прямые переходы',
        "Other sites": 'Другие сайты',
        
        'Other': "Другие",
    }
};
var inBase = {
    "отзывов": 700000,
    "подписчиков": 110310,
    "городов": 4060,
    "отелей": 117270,
    "ресторанов": 50820,
   ...