Смарт ТВ 

Как сделать график в Word. Интерактивный график

График позволяет визуально оценить зависимость данных от определенных показателей, или их динамику. Графики используются, как в научных или исследовательских работах, так и в презентациях. Давайте рассмотрим, как построить график в программе Microsoft Excel.

Рисовать график в программе Microsoft Excel можно только после того, как готова таблица с данными, на основе которой он будет строиться.

После того, как таблица готова, находясь во вкладке «Вставка», выделяем табличную область, где расположены расчетные данные, которые мы желаем видеть в графике. Затем, на ленте в блоке инструментов «Диаграммы», кликаем по кнопке «График».

После этого, открывается список, в котором представлено семь видов графиков:

  • обычный график;
  • с накоплением;
  • нормированный график с накоплением;
  • с маркерами;
  • график с маркерами и накоплением;
  • нормированный график с маркерами и накоплением;
  • объемный график.

Выбираем график, который, по вашему мнению, больше всего подходит для конкретно поставленных целей его построения.

Редактирование графика

После того, как график построен, можно выполнить его редактирование, для предания ему наиболее презентабельного вида, и для облегчения понимания материала, который данный график отображает.

Для того, чтобы подписать название графика, переходим во вкладку «Макет» мастера работы с диаграммами. Кликаем по кнопке на ленте под наименованием «Название диаграммы». В открывшемся списке, выбираем, где будет размещаться наименование: по центру или над графиком. Второй вариант более уместен, поэтому кликаем по пункту «Над диаграммой». После этого, появляется наименование, которое можно заменить или отредактировать на свое усмотрение, просто кликнув по нему, и введя нужные символы с клавиатуры.

Для того, чтобы назвать оси графика, кликаем по кнопке «Название осей». В выпадающем списке сразу выбираем пункт «Название основной горизонтальной оси», а далее переходим в позицию «Название под осью».

После этого, под осью появляется форма для наименования, в которую можно занести любое на своё усмотрение название.

Аналогичным образом подписываем вертикальную ось. Кликаем по кнопке «Название осей», но в появившемся меню выбираем наименование «Название основной вертикальной оси». После этого, открывается перечень из трёх вариантов расположения подписи:

  • повернутое;
  • вертикальное;
  • горизонтальное.

Лучше всего, использовать повернутое название, так как в этом случае экономится место на листе. Кликаем по наименованию «Повернутое название».

Опять на листе около соответствующей оси появляется поле, в которое можно ввести наиболее подходящее по контексту расположенных данных название оси.

Если вы считаете, что для понимания графика легенда не нужна, а она только занимает место, то можно удалить её. Для этого, кликаем на кнопку «Легенда», расположенную на ленте, и выбираем пункт «Нет». Тут же можно выбрать любую позицию легенды, если вы не хотите её удалять, а только сменить место расположения.

Построение графика со вспомогательной осью

Существуют случаи, когда нужно разместить несколько графиков на одной плоскости. Если они имеют одинаковые меры исчисления, то это делается точно так же, как описано выше. Но, что делать, если меры разные?

Для начала, находясь во вкладке «Вставка», как и в прошлый раз, выделяем значения таблицы. Далее, жмем на кнопку «График», и выбираем наиболее подходящий вариант графика.

Как видим, формируются два графика. Для того, чтобы отобразить правильное наименование единиц измерения для каждого графика, кликаем правой кнопкой мыши по тому из них, для которого собираемся добавить дополнительную ось. В появившемся меню, выбираем пункт «Формат ряда данных».

Запускается окно формата ряда данных. В его разделе «Параметры ряда», который должен открыться по умолчанию, переставляем переключатель в положение «По вспомогательной оси». Жмем на кнопку «Закрыть».

После этого, образуется новая ось, а график перестраивается.

Теперь, нам только осталось подписать оси, и название графика, точно по такому же алгоритму, как и в предыдущем примере. При наличии нескольких графиков, легенду лучше не убирать.

Построение графика функции

Теперь давайте разберемся, как построить график по заданной функции.

Допустим, мы имеем функцию y=x^2-2. Шаг, будет равен 2.

Прежде всего, строим таблицу. В левой части заполняем значения x с шагом 2, то есть 2, 4, 6, 8, 10 и т.д. В правой части вбиваем формулу.

Затем, переходим во вкладку «Вставка». Выделяем табличные данные функции, и кликаем по кнопке «Точечная диаграмма» на ленте. Из представленного списка диаграмм выбираем точечную с гладкими кривыми и маркерами, так как этот вид больше всего подходит для построения функции.

Выполняется построение графика функции.

После того, как график построен, можно удалить легенду, и сделать некоторые визуальные правки, о которых уже шла речь выше.

Как видим, программа Microsoft Excel предлагает возможность построения различных типов графиков. Основным условием для этого является создание таблицы с данными. После того, как график создан, его можно изменять и корректировать, согласно целевому назначению.

Большое количество информации, как правило, легче всего анализировать при помощи диаграмм. Особенно, если речь идет про какой-нибудь отчет или презентацию. Но не все знают, как построить график в Excel по данным таблицы. В данной статье мы рассмотрим различные методы, как можно сделать это.

Для начала нужно создать какую-нибудь таблицу. Для примера будем исследовать зависимость затрат в разные дни отпуска.

  1. Выделите всю таблицу целиком (включая шапку).

  1. Перейдите на вкладку «Вставка». Кликните на иконку «Графики» в разделе «Диаграммы». Выберите тип «Линия».

  1. В результате этого на листе появится простой график.

Благодаря этому графику мы можем увидеть, в какие дни были самые высокие затраты, а когда, наоборот, – минимальные. Кроме этого, по оси Y мы видим конкретные цифры. Диапазон проставляется автоматически, в зависимости от данных в таблице.

Как построить график с несколькими рядами данных

Сделать большую диаграмму с двумя и более колонками несложно. Принцип практически такой же.

  1. Для это добавим в нашей таблице еще один столбец.

  1. Затем выделяем всю информацию, включая заголовки.

  1. Переходим на вкладку «Вставка». Нажимаем на кнопку «Графики» и выбираем линейный вид.

  1. Результатом будет появление следующей диаграммы.

В этом случае заголовком таблицы будет значение по умолчанию – «Название диаграммы», поскольку Эксель не знает, какая из колонок главная. Всё это можно изменить, но об этом будет сказано немного позже.

Как добавить линию на уже существующую диаграмму

Иногда бывают случаи, когда необходимо добавить ряд, а не строить что-то с нуля. То есть, у нас уже есть готовый график по столбцу «Основные затраты» и вдруг мы захотели проанализировать еще и дополнительные расходы.

Здесь вы можете подумать, что проще построить всё заново. С одной стороны – да. Но с другой – представьте, что у вас на листе не то что показано выше, а что-то более масштабное. В таких случаях быстрее будет добавить новый ряд, чем начинать сначала.

  1. Сделайте правый клик мыши по пустой области диаграммы. В появившемся контекстном меню выберете пункт «Выбрать данные».

Обратите внимание на то, что в таблице синим цветом выделились те столбцы, которые используются для построения графика.

  1. После этого вы увидите окно «Выбора источника данных». Нас интересует поле «Диапазон данных для диаграммы».

  1. Кликните один раз в это поле для ввода. Затем обычным образом выделите всю таблицу целиком.

  1. Как только вы отпустите палец, данные вставятся автоматически. Если этого не произошло, просто кликните на эту кнопку.

  1. Затем нажмите на кнопку «OK».

  1. В результате этого появится новая линия.

Как увеличить количество значений на графике

В таблице, как правило, хранится информация. Но как быть, если график уже построили, а позже добавили еще строки? То есть, данных стало больше, но на диаграмме это никак не отобразилось.

В данном примере были добавлены даты с 15-го по 20-е июля, но на графике их нет. Для того чтобы исправить это, нужно сделать следующее.

  1. Сделайте правый клик мыши по диаграмме. В появившемся контекстном меню выберите пункт «Выбрать данные».

  1. Здесь мы видим, что выделена только часть таблицы.

  1. Нажмите на кнопку «Изменить» подпись горизонтальной оси (категории).

  1. У вас будут выделены даты по 14-е июля.

  1. Выделите их до конца и нажмите на кнопку «OK».

Теперь выберите один из рядов и нажмите на кнопку «Изменить».

  1. Кликните иконку около поля «Значения». До этого момента у вас будет выделенным именно шапка столбца.

  1. После этого выделяем все значения и снова нажимаем на эту иконку.

  1. Для сохранения нажимаем на кнопку «OK».

  1. Проделываем те же самые действия с другим рядом.

  1. Затем сохраняем все изменения.

  1. В результате этого наш график охватывает намного больше значений.

  1. Горизонтальная ось стала нечитабельной, поскольку там расположено очень много значений. Чтобы это исправить, нужно увеличить ширину диаграммы. Для этого необходимо навести курсор на край области диаграммы и потянуть в сторону.

  1. Благодаря этому график станет намного красивее.

Построение графиков математических уравнений

Как правило, в учебных заведения иногда дают задания, в которых просят построить диаграмму на основе значений какой-нибудь функции. Например, представить в графическом виде формулы и их результат в зависимости от значения параметра x в диапазоне чисел от -3 до 3 с шагом 0,5. Рассмотрим, как это сделать.

  1. Создадим для начала таблицу со значениями х в указанном интервале.

  1. Теперь вставим формулу для второго столбца. Для этого сначала кликните в первую ячейку. Затем нажмите на иконку «Вставить функцию».

  1. В появившемся окне выберите категорию «Математические».

  1. Затем найдите в списке функцию «Степень». Найти будет легко, так как все они отсортированы по алфавиту.

Название и назначение формулы может меняться в зависимости от задания. «Степень» подходит именно для нашего примера.

  1. После этого нажмите на кнопку «OK».

  1. Далее вас попросят указать исходное число. Для этого нужно кликнуть на первую ячейку в столбце «X».

  1. В поле «Степень» просто пишем цифру «2». Для вставки кликните на кнопку «OK».

  1. Теперь наведите курсор на правый нижний угол ячейки и потяните вниз до самого конца.

  1. Должен получиться следующий результат.

  1. Теперь вставляем формулу для третьей колонки.

  1. Указываем в поле «Число» первое значение ячейки «Х». В разделе «Степень» вводим число «3» (согласно условию задания). Нажимаем на кнопку «OK».

  1. Дублируем результат до самого низа.

  1. На этом таблица готова.

  1. Перед тем как вставить график, нужно выделить два правых столбца.

Переходим на вкладку «Вставка». Кликаем на иконку «Графики». Выбираем первый из предложенных вариантов.

  1. Обратите внимание на то, что в появившейся таблице горизонтальная ось приняла произвольные значения.

  1. Для того чтобы это исправить, нужно сделать правый клик мыши по области диаграммы. В появившемся контекстном меню выбираем пункт «Выбрать данные».

  1. Нажмите на кнопку «Изменить» подпись горизонтальной оси.

  1. Выделите весь первый ряд.

  1. Затем нажмите на кнопку «OK».

  1. Для сохранения изменений снова кликаем на «OK».

Теперь всё как положено.

Если вы сразу выделите три столбца и построите по ним график, то на диаграмме у вас будут три линии, а не две. Это неправильно. Значения ряда Х рисовать не нужно.

Виды графиков

Для того чтобы ознакомиться с различными типами графиков, можно сделать следующее:

  • посмотреть превью на панели инструментов;

  • открыть свойства существующей диаграммы.

Для второго случая необходимо сделать следующие шаги:

  1. Сделайте правый клик мыши по пустой области. В контекстном меню выберите пункт «Изменить тип диаграммы».

  1. После этого вы сможете поэкспериментировать с внешним видом. Для этого достаточно кликнуть на любой из предложенных вариантов. Кроме того, при наведении внизу будет отображаться большое превью.

В программе Excel существуют следующие виды графиков:

  • линия;

  • график с накоплением;

  • нормированный график с накоплением;

  • график с маркерами;

  • объемный график.

Оформление

Как правило, базовый внешний вид созданного объекта устраивает далеко не каждого. Кто-то хочет больше цветов, другому нужно больше информативности, а третьему – что-то совсем иное. Давайте рассмотрим, каким образом можно изменить оформление графиков.

Название диаграммы

Для того чтобы изменить заголовок, нужно сначала кликнуть по нему.

Сразу после этого надпись окажется в рамке, и вы сможете вносить изменения.

В результате этого можно написать что угодно.

Для того чтобы изменить шрифт, нужно сделать правый клик мыши по заголовку и выбрать соответствующий пункт контекстного меню.

Сразу после этого вы увидите окно, в котором можно сделать с текстом то же самое, что и в редакторе Microsoft Word.

Для сохранения необходимо нажать на кнопку «OK».

Обратите внимание на то, что напротив этого элемента есть дополнительное «подменю», в котором вы можете выбрать положение названия:

  • сверху;
  • наложение по центру;
  • дополнительные параметры.

Если вы выберите последний пункт, то у вас появится дополнительная боковая панель, в которой вы сможете:

  • сделать заливку;

  • выбрать тип границы;

  • наложить различные эффекты:
    • тень;
    • свечение;

  • сглаживание и формат объемной фигуры;

  • размер и свойства.

Для того чтобы вертикальная и горизонтальная ось не оставались безымянными, нужно сделать следующие действия.

  1. Нажмите на иконку «+» правее графика. Затем в появившемся меню поставьте галочку возле пункта «Название осей».

  1. Благодаря этому вы увидите следующий результат.

  1. Редактирование текста происходит точно так же, как и с заголовком. То есть достаточно кликнуть по нему, чтобы появилась соответствующая возможность.

Обратите внимание на то, что правее элемента «Оси» есть иконка «треугольника». При нажатии на него появится дополнительное меню, в котором можно указать, какая именно информация вам нужна.

Для активации этой функции, необходимо снова нажать на иконку «+» и поставить соответствующую галочку.

В результате этого возле каждого значения появится цифра, по которой и был построен график. В некоторых случаях это облегчает анализ.

Если нажать на иконку «треугольника», то появится дополнительное меню, в котором можно указать положение данных цифр:

  • в центре;
  • слева;
  • справа;
  • сверху;
  • снизу;
  • выноска данных.

При нажатии на пункт «Дополнительные параметры», в правой части программы появится панель с различными свойствами. Там вы сможете:

  • включить в подписи:
    • значение из ячеек;
    • имя ряда;
    • имя категории;
    • значение;
    • линии выноски;
    • ключ легенды;
  • добавить разделитель между текстом;
  • указать положение подписи;

  • указать формат числа.

Этот компонент диаграммы включается аналогичным образом.

Благодаря этому на диаграмме появится таблица всех значений, которые использовались для создания графика.

У этой функции также есть своё дополнительное меню, в котором можно указать, нужно ли показывать ключи легенды.

При нажатии на пункт «Дополнительные параметры» вы увидите следующее.

Данный компонент диаграммы отображается по умолчанию. Но в настройках помимо горизонтальных линий можно включить:

  • вертикальные линии;
  • дополнительные линии по обоим направлениям (шаг прорисовки будет значительно уменьшен).

В дополнительных параметрах можно увидеть следующее.

Данный элемент всегда включен по умолчанию. При желании вы сможете отключить его или указать положение на диаграмме.

Если вы включите данное свойство графика, то увидите следующие изменения.

К дополнительным параметрам «Полос» относятся:

  • заливка;
  • граница.

Дополнительные вкладки на панели инструментов

Обратите внимание на то, что каждый раз, когда вы начинаете работать с диаграммой, наверху появляются дополнительные вкладки. Рассмотрим их более внимательно.

В этом разделе вы сможете:

  • добавить элемент;
  • выбрать экспресс-макет;
  • изменить цвет;
  • указать стиль (при наведении график будет менять внешний вид для предварительного просмотра);
  • выбрать данные;
  • изменить тип;
  • переместить объект.

Содержимое данного раздела постоянно меняется. Всё зависит от того, с каким объектом (элементом) вы работаете в данный момент.

Используя данную вкладку, вы сможете сделать что угодно с внешним видом диаграммы.

Заключение

В данной статье было пошагово рассмотрено построение различных видов графиков для разных целей. Если у вас что-то не получается, возможно, вы выделяете не те данные в таблице.

Кроме этого, отсутствие ожидаемого результата может быть из-за неправильного выбора типа диаграммы. Большое количество вариантов внешнего вида связано с различным назначением.

Видеоинструкция

Если у вас всё равно не получится построить что-то нормальное, рекомендуется ознакомиться с видеороликом, в котором приводятся дополнительные комментарии к вышеописанным инструкциям.

Достаточно часто в работы приходится вставлять различные графики или диаграммы. Можно, конечно, сначала подготовить график в программе Exel (которая входит в пакет программ Microsoft Office), потом скопировать его оттуда и вставить в документ. Обычно я так и делаю. А можно это все сделать сразу в Word.

Шаг 1.

Для построения графика (диаграммы) у вас должны быть сначала подготовлены данные. Допустим, мне надо показать с помощью графика как менялось количество осадков за полугодие. Я готовлю себе табличку примерно такого вида:

Название месяца Январь Февраль Март Апрель Май Июнь
Количество осадков в мм. 90 120 100 60 50 30

Шаг 2.

Поставьте курсор в то место на странице, куда вы хотите вставить график.

Шаг 3.

Перейдите на вкладку «Вставка» и найдите на ней блок команд «Иллюстрации»

Найдите в этом блоке кнопку «Диаграмма» и щелкните на ней левой кнопкой мыши

Шаг 4.

У вас появится окно

Выберите в этом окне график или диаграмму нужного вам вида. Можно щелкать левой кнопкой мыши на списке в левой стороне окна

А можно просто перетащить ползунок в правой стороне

Мне нужны графики. В этом разделе я выбираю первый образец – щелкаю на нем левой кнопкой мыши

Затем наживаю кнопку «ОК»

Шаг 5.

После этого на экране появятся два окна . Одно – программы Word – со вставленным на страницу графиком того образца, который вы выбрали:

Второе – программы Exel – с таблицей данных для редактирования.

Шаг 6.

Теперь нужно заменить данные образца в окне Exel своими. Вместо слов «Категория 1, Категория 2…» я запишу названия месяцев из своей таблицы.

Сделать это можно так. Щелкните на ячейке со словами «Категория 1»

Набираю на клавиатуре слово «Январь». Нажимаю Enter . Черная рамка переходит на ячейку со словами «Категория 2».

Набираю «Февраль». Нажимаю клавишу Enter . И так делаю до тех пор, пока не наберу все нужные названия.

А можно сделать еще проще. Мне нужны названия месяцев, а это определенная закономерность, которую программа может заполнить сама. Набираю на клавиатуре слово «Январь» и НЕ НАЖИМАЮ клавишу Enter . Подвожу курсор к правому нижнему углу ячейки.

Обратите внимание – курсор превратился в маленький черный крестик. Зажмите левую кнопку мыши и тащите указатель вниз по столбику. Справа от указателя мыши будут появляться маленькие подсказки – какой месяц будет вписан в ячейку. Как только на подсказке появится последний нужый мне месяц – «Июнь» - кнопку мыши можно отпустить. Столбик будет заполнен.

В столбике «Ряд 1» пишу свои данные. Щелкните на ячейке с числом напротив «Января» левой кнопкой мыши. Вокруг этой ячейки появится черная рамка

Набираю на клавиатуре свое число. Нажимаю клавишу Enter . Черная рамка переходит на следующую ячейку в столбике. Снова набираю свое число. И так делаю до тех пор, пока не наберу все нужные данные.

Теперь окно программы Exel можно закрыть . Окно программы Word снова развернется во весь экран.

Шаг 7.

Что же у меня получилось? Названия и числовые данные – мои. Линия синего цвета перестроилась по этим данным. А вот линии «Ряд 2» и «Ряд 3» лишние. Их надо убрать.

Подведите курсор к линии «Ряд 2» на самом графике и щелкните на ней левой кнопкой мыши. Линия примет такой вид:

Del . Линия удалится и с самого графика и из списка справа. Проделайте то же самое с линией «Ряд 3». Вот результат:

Вместо слов «Ряд 1» я запишу название своего графика. Щелкните на «Ряд 1» левой кнопкой мыши. Эта запись выделится маркерами.

Наберите свое название.

Если название не нужно, то после выделения можно нажать клавишу Del и запись будет удалена.

Запись справа от графика не нужна. На графике всего одна линия. Выделите эту запись – щелкните на ней левой кнопкой мыши

Нажмите на клавиатуре клавишу Del . Запись будет удалена. График готов.


Работа с VB проектом (12)
Условное форматирование (5)
Списки и диапазоны (5)
Макросы(VBA процедуры) (63)
Разное (39)
Баги и глюки Excel (3)

Интерактивный график

Скачать пример из видеоурока:

(47,5 KiB, 1 017 скачиваний)

Вводные данные: имеется таблица с данными по выручке от продаж на нескольких торговых точках:

Если построить график сразу по всем данным, то он будет смотреться вполне неплохо в качестве инструмента для сравнения выручки между торговыми точками:

Но что если необходимо показать динамику по каждой точке отдельно? Приведенный выше график не очень подходит для этой цели - слишком много лишних данных, в результате чего он смотрится довольно нагроможденно. Можно создать несколько одинаковых графиков, каждый из которых будет показывать данные по одной торговой точке. Это будет наглядно и удобно, если торговых точек 3-5. Но если их 10 и более, то такое нагромождение графиков мало того, что не наглядно - это еще весьма затратно по времени.
Поэтому, если есть необходимость показать динамику по отдельным торговым точкам, но при этом не обязательно делать много графиков, можно воспользоваться таким решением:


Скачать пример:

(47,5 KiB, 1 017 скачиваний)

А теперь разберем, как это можно сделать.

  • Для начала необходимо создать диаграмму нужного типа: выделяем диапазон A4:K5 -вкладка Вставка (Insert) -группа Диаграммы (Charts) -Вставить график или диаграмму с областями (Line) -График (Line)
  • в удобном месте на основании названий торговых точек создаем обычный выпадающий список
    В файле примере список создан в ячейке B11: выделяем ячейку B11 -вкладка Данные (Data) -Проверка данных (Data Validation) . В поле Тип данных (Allow) выбираем Список (List) , в поле Источник (Source) указываем ссылку на диапазон с именами торговых точек: =$A$5:$A$9
  • Теперь необходимо создать именованный диапазон , который в зависимости от выбранной в списке торговой точки сформирует диапазон данных для диаграммы. Переходим на вкладку Формулы (Formulas) -Диспетчер имен (Name Manager) -Создать (New) . В поле Имя (Name) пишем: _forchart , а в поле Диапазон (Refers to) следующую формулу:
    =СМЕЩ($B$4:$K$4 ;ПОИСКПОЗ($B$11 ; $A$5:$A$9 ;0);)
    =OFFSET($B$4:$K$4,MATCH($B$11,$A$5:$A$9,0),)
    функция СМЕЩ(ссылка; смещ_по_строкам; смещ_по_столбцам; [высота]; [ширина]) - OFFSET
    берет ссылку на указанные ячейки и смещает эту ссылку на указанное количество строк и столбцов. В качестве ссылки указываем заголовок с датами из таблицы выручки: $B$4:$K$4
    ПОИСКПОЗ (MATCH) - эта функция берет ячейку $B$11 и ищет её в диапазоне $A$5:$A$9 . Когда находит, то возвращает номер строки, в которой она находится в этом диапазоне. Т.е. для "К-р Октябрьский" это будет значение 1, для "ул.Ленина" - 2 и т.д.
    Это значит, что как только мы изменим значение в ячейке B11(а там у нас список торговых точек), то функция СМЕЩ сразу переопределит диапазон:
    =СМЕЩ($B$4:$K$4 ;ПОИСКПОЗ($B$11 ; $A$5:$A$9 ;0);) =>
    =СМЕЩ($B$4:$K$4 ;ПОИСКПОЗ("ул.Фурманова" ; $A$5:$A$9 ;0);) =>
    =СМЕЩ($B$4:$K$4 ;5;) =>
    = $B$9:$K$9

Остается только назначить этот диапазон созданной диаграмме: выделяем диаграмму -правый щелчок мыши -Исходные данные (Source data) или Выбрать данные (Select data)

выделяем единственный ряд в поле Элементы легенды(ряды) (Legeng Entries (Series)) и нажимаем Изменить (Edit)

  • в поле Имя ряда (Series name) вписываем =Interactive!$B$11
  • в поле Значения (Series values) вписываем: =Interactive!_forchart

    совет: изначально в этом поле записана прямая ссылка: =Interactive!$B$5:$K$5 . Чтобы ничего не упустить надо просто заменить адреса ячеек на именованный диапазон, который создали ранее - _forchart : =Interactive! $B$5:$K$5 => =Interactive! _forchart
    восклицательный знак и возможные другие знаки надо оставить.

    • Два раза нажимаем Ок. Все, наша диаграмма готова. Теперь можно выбирать название из выпадающего списка и диаграмма поменяет свои значения на продажи выбранной торговой точки.
    Скачать пример:

    (47,5 KiB, 1 017 скачиваний)

    Статья помогла? Поделись ссылкой с друзьями! Видеоуроки

    {"Bottom bar":{"textstyle":"static","textpositionstatic":"bottom","textautohide":true,"textpositionmarginstatic":0,"textpositiondynamic":"bottomleft","textpositionmarginleft":24,"textpositionmarginright":24,"textpositionmargintop":24,"textpositionmarginbottom":24,"texteffect":"slide","texteffecteasing":"easeOutCubic","texteffectduration":600,"texteffectslidedirection":"left","texteffectslidedistance":30,"texteffectdelay":500,"texteffectseparate":false,"texteffect1":"slide","texteffectslidedirection1":"right","texteffectslidedistance1":120,"texteffecteasing1":"easeOutCubic","texteffectduration1":600,"texteffectdelay1":1000,"texteffect2":"slide","texteffectslidedirection2":"right","texteffectslidedistance2":120,"texteffecteasing2":"easeOutCubic","texteffectduration2":600,"texteffectdelay2":1500,"textcss":"display:block; padding:12px; text-align:left;","textbgcss":"display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#333333; opacity:0.6; filter:alpha(opacity=60);","titlecss":"display:block; position:relative; font:bold 14px \"Lucida Sans Unicode\",\"Lucida Grande\",sans-serif,Arial; color:#fff;","descriptioncss":"display:block; position:relative; font:12px \"Lucida Sans Unicode\",\"Lucida Grande\",sans-serif,Arial; color:#fff; margin-top:8px;","buttoncss":"display:block; position:relative; margin-top:8px;","texteffectresponsive":true,"texteffectresponsivesize":640,"titlecssresponsive":"font-size:12px;","descriptioncssresponsive":"display:none !important;","buttoncssresponsive":"","addgooglefonts":false,"googlefonts":"","textleftrightpercentforstatic":40}}