Линейный График - История и метки / Графики / Сниппеты 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: 1460

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

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

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

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

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

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

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

Рейтинг: 3.7 / 5 - 10 голосов

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

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

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

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

Теги: Chart, Snippet, html, графики, line chart, сниппет, Bootstrap

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

Добавлено: 2016-12-05 в 10:25

Метка: 1581092807

⇄ ⇅

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/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"></div>

<script>
 $(function () {
 $("#chart").shieldChart({
 theme: "light",
 seriesSettings: {
 line: { 
 dataPointText: {
 enabled: true
 }
 }
 },
 chartLegend: {
 align: 'center',
 borderRadius: 2,
 borderWidth: 2,
 verticalAlign: 'top'
 },
 exportOptions: {
 image: true,
 print: true
 },
 axisX: {
 categoricalValues: ['2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016']
 },
 axisY: {
 title: {
 text: "Цена (€ за kWh)"
 }
 },
 primaryHeader: {
 text: "Цены на электроэнергию"
 },
 dataSeries: [{
 seriesType: 'line',
 collectionAlias: 'Домохозяйство',
 data: [0.164, 0.173, 0.184, 0.114, 0.273, 0.384, 0.464, 0.123, 0.112, 0.124, 0.1, 0.17]
 }, {
 seriesType: 'line',
 collectionAlias: 'Индустрия',
 data: [0.342, 0.127, 0.321, 0.567, 0.324, 0.543, 0.342, 0.435, 0.564, 0.342, 0.234, 0.564]
 }]
 });
 });
 </script>

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