Область Диаграммы - Основы Использования / Графики / Сниппеты Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0

Каталог: Сниппеты Bootstrap

Категория: Графики

Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Вес файла: 524.0 Kb

Уникальный ID: 1036

Количество символов:

Посмотрели: 1762 раз

Помощь: установка & настройка

Прикреплён файл №1: /_sf/10/1036.css

Прикреплён файл №2: /stuff/0-0-0-1036-20

Скачали бесплатно: 28 раз

Прокомментировали: 0 раз

Рейтинг: 4.2 / 5 - 4 голосов

Тип лицензии: CC BY 4.0

Авторство: https://goo.gl/BrBGhJ

Информация: Пользователям

Информация: Правообладателям

Теги: Chart, Snippet, диаграммы, html, графики, сниппет, Bootstrap

Поделился: BootstrapТема

Добавлено: 2016-05-27 в 23:51

Метка: 1581148255

⇄ ⇅

<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2015/bootstrap3/bootstrap.min.css" />
<link type="text/css" rel="StyleSheet" href="https://bootstraptema.ru/plugins/2016/shieldui/style.css" />
<script src="https://bootstraptema.ru/plugins/jquery/jquery-1.11.3.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2016/shieldui/script.js"></script>

<br><br><br>

<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">

<div id="chart">

<script>
 $(document).ready(function () {
 $("#chart").shieldChart({
 theme: "bootstrap",
 primaryHeader: {
 text: "Изменения ВВП в странах"
 },
 exportOptions: {
 image: false,
 print: false
 },
 axisX: {
 categoricalValues: ["2002", "2003", "2004", "2005", "2006", "2007", "2008", "2009", "2010", "2011"]
 },
 dataSeries: [{
 seriesType: 'area',
 collectionAlias: "Индия",
 data: [4.988, 4.733, 3.694, 5.464, 5.001, 6.939, 6.333, 7.245, 8.339, 9.727]
 }, {
 seriesType: 'area',
 collectionAlias: "Пакистан",
 data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727]
 }, {
 seriesType: 'area',
 collectionAlias: "Гаити",
 data: [-0.253, 0.362, -3.519, 1.799, 2.252, 3.343, 0.843, 2.877, -5.416, 5.590]
 }, {
 seriesType: 'area',
 collectionAlias: "Иран",
 data: [1.907, 1.943, -1.848, -1.284, -1.263, -1.801, 2.890, 8.238, 9.552, 6.855]
 }]
 });
 });
 </script>

</div>
</div>
</div>