Quick Customizations

There are some fields in the plotter to customize the typical characteristics of the chart.

Event Data Type

To improve the user interface, we have adopted a new way to manage event data.

Select "Event Data" from the dropdown. The data of each event has been placed at your disposal in a more organized way, and two events, select and de-select, have also been added. You can read more about user interactions and events here.

User Interactions

Hover Mode

These modes help you to allow users interact with charts differently, providing more or less information as they hover over various parts of the chart.

Closest

Closest Mode

Imagine you're looking at a bar chart with different colored bars. When you move your mouse close to any bar, a small box (hover label) appears right above that bar.

It tells you information about that specific bar, like its label and value. If your mouse is closer to one bar than the others, the box will show up for that closest bar.

It's great for focusing on one specific data point at a time. Ideal for detailed analysis of a particular point on your chart.

X

X Mode

, imagine there are different colored bars for each month (like red for online sales, blue for in-store sales). In X Mode, if you put your mouse over any month, you'll see little boxes for each type of sale in that month (one for online, one for in-store), but only for that month.

Y

Y Mode

This is a bit different for a bar chart but imagine if the bars were horizontal instead of vertical. When you hover along a horizontal line, you see boxes for bars that line up with your mouse horizontally. Again, it's one box per group of bars at that level.

X Unified

X Unified Mode

Back to Here, when you hover over a month, instead of separate boxes for online and in-store sales, you get one big box. This box combines the information of all sales types for that month.

Y Unified

Y Unified Mode

Using a horizontal bar chart this time, showing different books' page counts. When you hover at a specific number of pages, one big box appears summarizing all books with that page count. It consolidates information for a certain page count level.

False

False Mode

No matter what chart type you use, this mode means no information boxes appear when you hover over the chart. It keeps the chart clean with no hover details.

Background Color

Using this field, you can specify the color of the plot area where the chart is drawn. For element background color, you can use bubble background color option like other elements.

Colors

When using this option, you specify a list of colors that will be used as the default color scheme for your plot.

These colors can be defined in various formats, including hexadecimal values (e.g., #FF5733), RGB values (e.g., rgb(255,87,51)), or even named colors (e.g., red).

Show Legend

This is an option for faster access to show or unhide the legend. You can use the legend module for more settings and link it to Plotly.

Legend