Parameterization of the box:

1. Graph type selector Timeseries.
2. SQL statement to execute, in this case:

<select>
   <columns>
       album.title <alias name='data_name' />, 
       invoice.invoicedate <alias name='the_date' />, 
       artist.name <alias name='category' />,
       COUNT(*) <alias name='value' />
   </columns>    
   <from table='invoice'>
       <join table='invoiceline'>
           <on>invoice.invoiceid = invoiceline.invoiceid</on>
           <join table='track'>
               <on>track.trackid = invoiceline.trackid</on>
               <join table='album'>
                   <on>track.albumid = album.albumid</on>
                   <join table='artist'>
                       <on>artist.artistid = album.artistid</on>
                   </join>
               </join>		
           </join>	
       </join>                    
   </from>
   <group>1,2,3</group>      
</select>

* Starting from the invoice table and grouping according to songs, albums and artists, it is shown graphically how each disc has been sold over time.

INPUTS:

• the_date: Timestamp with the date
• data_name: Name.
• value: value.
• category: Category, mark the colors of the graph.

Each entry contains the information of the value of an element at a given time. Items will be considered to belong to the same sample if they have a unique name and category.

In this type of graph the user can interact to choose which data they want to see, select the temporary groupings, and choose the period of time that they wish to study.

• (1) Show / Hide lists of data: When clicking on a name in the list, it will be shown or hidden depending on its previous status.

• (2) Choose temporary grouping: from the comboBox you can decide if you want to see the data grouped by years, quarters, months, quinzenas, weeks, days or hours. We will not always have all these options, depending on how the input data is, one or the other will be enabled. Finally, we can always choose the option: Not grouped data , where the data is shown as it has arrived without prior treatment.

• (3) Choose period of time to show: If the lower buttons appear, it means that the program allows you to zoom in on predefined areas, by clicking on these buttons you zoom. pressing again on the same button will return to the initial zoom.

• (4) Choose time period to show: By clicking & drag we are selecting an area to zoom. Note: this will only act if within the selected area there are at least 2 points of the graph.

• (5) Zoom out. The reset icon zooms the graph back to the starting position.

• (6) When you move the cursor over the graph, a popup appears with the values ​​of the point where the cursor is located.