М97 Изучаем Python: программирование игр, визуализация данных, веб-приложения



Pdf көрінісі
бет277/334
Дата18.10.2023
өлшемі6,19 Mb.
#186390
1   ...   273   274   275   276   277   278   279   280   ...   334
Байланысты:
Изучаем Python

383
Рис. 17.1.
Проекты Python на GitHub с наибольшим количеством звезд
Изменения в объекте 
data
влияют на вид столбцов. Ниже приведена обновленная 
версия объекта 
data
для диаграммы, которая назначает конкретный цвет и хорошо 
заметную границу для каждого столбца:
python_repos_visuals.py
...
data = [{
'type': 'bar',
'x': repo_names,
'y': stars,
'marker': {
'color': 'rgb(60, 100, 150)',
'line': {'width': 1.5, 'color': 'rgb(25, 25, 25)'}
},
'opacity': 0.6,
}]
...
Настройки 
marker
влияют на внешний вид столбцов. Мы назначаем столбцам 
синий цвет и указываем, что они должны иметь серую границу толщиной 1,5 пик-
села. Также для столбцов устанавливается прозрачность 
0.6
, чтобы изображение 
казалось немного размытым.
Затем мы внесем изменения в 
my_layout
:
python_repos_visual.py
...
my_layout = {
'title': 'Most-Starred Python Projects on GitHub',


384
Глава 17 • Работа с API

'titlefont': {'size': 28},

'xaxis': {
'title': 'Repository',
'titlefont': {'size': 24},
'tickfont': {'size': 14},
},

'yaxis': {
'title': 'Stars',
'titlefont': {'size': 24},
'tickfont': {'size': 14},
},
}
...
Ключ 
'titlefont'
добавлен для определения размера шрифта общего заголовка 
диаграммы 

. В словарь 
'xaxis'
добавляются настройки для управления размером 
шрифта заголовка оси 
x
(
'titlefont'
) и меток делений (
'tickfont'


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

аналогичные 
настройки определяются для оси 
y
.
На рис. 17.2 изображена диаграмма с измененным оформлением.
Рис. 17.2.
Диаграмма с улучшенным оформлением
Добавление подсказок
В Plotly при наведении указателя мыши на отдельный столбец отображается 
информация, которую этот столбец представляет. В текущей версии экранная 
подсказка
(tooltip) отображает количество звезд проекта. Давайте создадим не-
стандартную подсказку, которая также будет выводить описание каждого проекта.


Использование API веб-приложений


Достарыңызбен бөлісу:
1   ...   273   274   275   276   277   278   279   280   ...   334




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет