Styling the Charts
00:00 Styling the charts. In the previous section of the course, you saw how to use CSS styles to improve the appearance of elements of the dashboard. In this video, you’ll see how to improve the appearance of charts in Dash using a combination of Dash parameters and CSS. Let’s get started by making changes to the price chart.
You set the hover template so that when the user hovers over a data point, it shows the price in dollars. Instead of just
2.5, it will show as
$2.5. You adjust the axis, the color of the figure, and the title format in the layout section of the graph.
03:17 While this is a great improvement in the default appearance, there’s an important element missing from the application: interactivity. In the next sections of the course, you’ll learn how to add interactive components to your dashboard for a much better user experience.
Become a Member to join the conversation.