Как закруглить углы таблицы. Скруглённые уголки. Объёмная круговая диаграмма в Excel
Предположим у вас имеются данные по сотрудникам: количество сделок и выручка. Вам необходимо отобразить данные в наглядном виде, например с помощью круговой диаграммы.
В данном случае, круг будет означать сумму всех сделок или сумму всей выручке то есть 100%
При построении круговой диаграммы Excel автоматически посчитает долю и представит в виде красивой и наглядной картинки.
Инструкция как сделать круговую диаграмму в Excel 2007 или 2010
- Чтобы построить круговую диаграмму по данным о сделках, необходимо выделить необходимый диапазон значений B3:C8 (столбец с ФИО и столбец со сделками) как на рисунке. Не забудьте захватить шапку таблицы.
- Далее перейдите в раздел Вставка | Диаграммы
- В разделе Диаграммы выберете круговую диаграмму
- В раскрывающемся списке необходимо выбрать нужный вид круговой диаграммы.
Все – круговая диаграмма готова.
Чтобы отобразить значения на круговой диаграмме, кликнете правой мышкой на в любое место на самом круге и в появившемся меню выберете пункт “Добавить подписи данных ”
Если вам необходимо сделать круговую диаграмму по другому столбцу, в нашем примере это выручка, то так же сначала необходимо выбрать столбцы, которые нас интересуют. Для этого необходим выделить эти диапазоны, зажав клавишу Ctrl на клавиатуре
При необходимости так же вставляем подписи данных.
Традиционные прямоугольные уголки в дизайне сайтов давно уже всем надоели. В моде скруглённые уголки, которые делаются не с помощью изображений, а через стили, для чего используется свойство border-radius . Это свойство может иметь одно, два, три или четыре значения разделённых пробелом, которые и определяют радиус всех уголков или каждого по отдельности.
В табл. 1 приведёно разное количество значений и вид блока, который получается в этом случае.
Код | Описание | Вид |
---|---|---|
div { border-radius: 10px; } | Радиус скругления для всех уголков сразу. | |
div { border-radius: 0 10px; } | Первое значение устанавливает радиус левого верхнего и правого нижнего уголка, второе значение — для правого верхнего и левого нижнего. | |
div { border-radius: 20px 10px 0; } | Первое значение задаёт радиус левого верхнего уголка, второе — одновременно правого верхнего и левого нижнего, а третье значение — правого нижнего. | |
div { border-radius: 20px 10px 5px 0; } | Последовательно устанавливает радиус левого верхнего уголка, правого верхнего, правого нижнего и левого нижнего. |
В примере 1 показано создание блока со скруглёнными уголками.
Пример 1. Уголки у блока
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Результат данного примера показан на рис. 1.
Рис. 1. Блок со скруглёнными уголками
Интересный эффект можно получить, если задать радиус скругления больше половины высоты и ширины элемента. В таком случае получится круг. В примере 2 показано создание круглой кнопки с рисунком.
Пример 2. Круглая кнопка
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Результат данного примера показан на рис. 2.
Рис. 2. Круглая кнопка
В браузере Opera скругление к
Свойство border-radius можно сочетать и с другими свойствами, например, добавить к элементу тень. В примере 3 сделан набор кружков, из которых один подсвечивается с помощью box-shadow . Такой набор можно использовать для навигации по страницам или по фотографиям.
Пример 3. Свечение
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Результат данного примера показан на рис. 3.
Рис. 3. Свечение вокруг кружка
С помощью border-radius можно сделать не только кружок, но и эллипс, а также эллиптическое скругление у блока. Для этого надо написать не одно значение, а два через слэш. Запись 20px/10px означает, что по горизонтали радиус скругления будет 20 пикселов, а по вертикали 10 пикселов. В примере 4 показано создание эллиптических уголков для добавления к фотографии надписи оформленной как в комиксах.
Пример 4. Эллипсы
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Результат данного примера показан на рис. 4.
Рис. 4. Использование эллиптических уголков
Вид уголков можно изменить и у изображений, добавляя к селектору img свойство border-radius , как показано в примере 5.
Пример 5. Изображения
HTML5 CSS3 IE 9+ Cr Op Sa Fx
В этой статье я решил рассказать вам как сделать таблицу с скруглёнными углами. Я уверен, вы наверняка, путешествуя по Интернету, встречались с такими таблицами.
Я расскажу вам именно о таких таблицах. Конечно такую таблицу можно сделать несколькими способами, этот способ о котором я вам расскажу является самым простым и самым "красивым", так как если вы будете делать такую таблицу другим способом, то вам придётся изучать JAVA и комбинировать его с CSS, и тем самым ваш код станет очень громоздким и сложным.
Этот способ использует только HTML, но нам придётся создавать изображения, то есть углы таблицы. Для создания углов нам понадобится Photoshop или любая другая графическая программа которая вам по душе (хоть MS Point), но чтобы вы могли с ней обращаться. В этой статье я буду рассказывать как их сделать в Photoshop"e.
Приступаем непосредственно к созданию таблицы. чтобы создать таблицу открываем Dreamweaver или любой другой HTML редактор. Создаём новый документ или открываем уже созданный и там уже создаём саму таблицу с 3-мя строками и 2-мя столбцами:
Заходим в Фотошоп берём Rounded Rectangle Tool и рисуем загруглённый прямоугольник, при этом радиус скругления устанавливаем такой же какой хотим чтобы был у таблицы, я установил 30 пикселей.
Сначала соедините фоновый слой и слой с изображением прямоугольника, для этого нажмите и удерживайте клавишу Ctrl в панели слоёв выберите веpхний и нижний слой и нажмите Ctrl + E.
Теперь из этого прямоугольника нам надо извлечь сами углы, для этого берём Recatangular Marquee Tool, в верхней панели выбираем Style: Fixed Size в полях Width и Height запишите значения Radius"a которые вы указали в шаге 2. Кликните на изображений, перед вами появится пунктирный квадрат. Переместите его так чтобы закруглённый угол полностью был в квадратике.
Нажимаете Ctrl + C (чтобы скопировать то что находиться внутри квадрата-то есть наш угол).Теперь надо создать новое изображение, чтобы вставить туда ранее скопированный нами угол идём: File-New...-Ok и сразу же вставляем наш угол Ctrl + V
В созданной таблице второю строку надо будет соединить в одну, потому что там надо будет писать текст.
Теперь вставляем наши изображения(углы) в нашу таблицу.
Вставленные картинки (с правым-нижним и правым-верхним) надо выровнять по правому краю.
Теперь последнее действие: надо задать таблице фоновый цвет такой же, как у уголков.
Ну вот и всё. Этот метод самый лёгкий из всех. Я надеюсь что эта статья вам чем-то помогла, и надеюсь я всё доходчиво объяснил. Удачи!
А данные Кольцевая диаграмма отображает значение в процентах от всего и это формат диаграммы доступны для использования в Microsoft PowerPoint 2010 и 2013 годах Категории представлены отдельными кусочками. Кольцевая графики функционально идентичны секторные диаграммы в том смысле, что вы можете отобразить практически одни и те же данные. Есть два типа диаграмм: пончик пончик и взорвался пончик.
Основной способ создания пончика диаграммы с помощью галереи при вставке диаграммы.
Выберите Вставить -> Chart, а затем выберите Пончик из списка.
Теперь вы можете настроить диаграмму путем добавления данных в таблицу. Если вам нужно добавить новую серию данных с концентрической окружности в графике, вы можете добавить новый столбец в выборке данных в электронной таблице.
Другой способ сделать Кольцевая диаграммы в PowerPoint 2010
Вот еще один основной способ добавить диаграмму пончика диаграммы в PowerPoint из простой круговой диаграммы.
Мы начинаем создание простой круговой диаграммы в PowerPoint. Основной круговая диаграмма в PowerPoint 2010 можно вставить с помощью диаграммы галереи.
Настройка круговой диаграммы для отображения данных, которые вы хотите. Затем добавьте простой круг в центре круговой диаграммы.
Теперь повторите процесс и добавить дополнительный концентрический круг в центре первого круга формы, который был добавлен.
Теперь, давайте заполнить первую форму с белым фоном и второй формы (внутренний один) с хорошим фоном стиле. Вы можете использовать градиенты, например радиальный стиль градиента плюс хороший эффект тени.
Здесь у вас есть отдельные элементы, которые мы будем использовать, чтобы составить график пончика. Два кружил формы и круговой диаграммы.
Вы можете настроить внутренний круг путем изменения свойств формата Shape.
И, наконец, наша редактируемые кольцевая диаграмма будет выглядеть следующим образом.
Вы можете узнать больше о том, как представить свои данные в тороидальной диаграмме, скачать шаблоны диаграмм пончика или вы можете скачать бесплатно PowerPoint и диаграммы шаблонов. Если вам нужен этот шаблон, не стесняйтесь обратиться к нам, мы можем любезно послать его к вам.
Предположим, пользователь располагает данными в абсолютных величинах. Ему нужно отобразить информацию на диаграмме. Для лучшей наглядности показать необходимо относительные значения данных. Например, сколько процентов плана выполнено, сколько товара реализовано, какая часть учеников справилась с заданием, какой процент работников имеют высшее образование и т.д.
Выполнить это не так сложно. Но если не хватает навыков работы в программе Excel, могут возникнуть некоторые затруднения. Рассмотрим подробно, как сделать процентную диаграмму в Excel.
Круговая процентная диаграмма
Построим круговую диаграмму процентного распределения. Для примера возьмем официальную налоговую аналитику «Поступления по типам налогов в консолидированный бюджет Российской Федерации за 2015 год» (информация с сайта ФНС):
Выделим всю таблицу, включая наименования столбцов. На вкладке «Вставка» в группе «Диаграммы» выбираем простую круговую.
Сразу после нажатия по ярлычку выбранного типа на листе появляется диаграмма вида:
Отдельный сегмент круга – доля каждого налога в общей сумме поступлений в консолидированный бюджет в 2015 году.
Теперь покажем на диаграмме процентное соотношение видов налогов. Щелкнем по ней правой кнопкой мыши. В открывшемся диалоговом окне выберем задачу «Добавить подписи данных».
На частях круга появятся значения из второго столбца таблицы:
Еще раз жмем правой кнопкой мыши по диаграмме и выбираем пункт «Формат подписей данных»:
В открывшемся меню в подгруппе «Параметры подписи» нужно снять галочку напротив «Включить в подписи значения» и поставить ее напротив «Включить в подписи доли».
В подгруппе «Число» меняем общий формат на процентный. Убираем десятичные знаки, устанавливаем код формата «0%».
Если нужно отобразить проценты с одним знаком после запятой, в поле «Код формата» ставим «0,0%». С двумя знаками после запятой – «0,00%». И так далее.
Стандартные настройки позволяют изменить место подписей на диаграмме. Возможные варианты:
- «В центре» - подписи отобразятся по центру сегментов;
- «У вершины, внутри» - подписи отобразятся с внутренней стороны окружности;
- «У вершины, снаружи» - подписи покажутся с внешней стороны круга, при выборе параметра сама диаграмма будет несколько меньше, но при наличии мелких данных читаемость улучшается;
- «По ширине» - параметр позволяет Excel установить подписи наиболее оптимально.
Чтобы изменить направление подписей, в подгруппе «Выравнивание» можно воспользоваться инструментом «Направление текста». Здесь же устанавливается угол наклона.
Выберем горизонтальное направление подписей данных и положение «По ширине».
Круговая диаграмма с процентами готова. На диаграмме показано процентное распределение поступлений от налогообложения.
Столбчатая гистограмма
Добавим в таблицу вспомогательные столбцы: 1 – с процентами (процентный вклад каждого вида налога в общее количество); 2 – 100%.
Щелкаем по любой ячейке таблицы. Переходим на вкладку «Вставка». В группе «Диаграммы» выбираем «Нормированную гистограмму с накоплением».
Автоматически созданная диаграмма не решает поставленной задачи. Поэтому на вкладке «Конструктор» в группе «Данные» переходим к пункту «Выбрать данные».
С помощью стрелочки изменяем порядок рядов так, чтобы проценты были внизу. Ряд, показывающий абсолютные значения, удаляем. В «Категориях» убираем ячейку «Вид налога». Заголовок не должен быть подписью горизонтальной оси.
Выделяем любой столбец созданной диаграммы. Переходим на вкладку «Макет». В группе «Текущий фрагмент» нажимаем пункт «Формат выделенного фрагмента».
В открывшемся меню переходим на вкладку «Параметры ряда». Устанавливаем значение для перекрытия рядов – 100%.
В итоге проделанной работы получаем диаграмму такого вида:
Общее представление о процентном соотношении видов налога в консолидированном бюджете РФ данная диаграмма дает.