Highcharts: xAxis in datetime format (00:00 - 24:00) and n series with n intervals in datetime format

I will try to explain better, starting with this image, which should make you better understand what I want to display in the graph. (the data will be taken from the database, but it doesn't matter)

enter image description here

During each day (and this graph represents one day), I would like to see on the diagram all users (at most 5-6) who have done at least one "action". These "actions" have a start time and an end time .

In this case, users are a series. And each series is a list of intervals (times) of all actions taken by the user on that day.

An example of a series of users who performed three actions on that day (yes, the timestamp will be multiplied by 1000)

[["1430362800","1430366400"],["1430391600","1430398800"],["1430424000","1430425800"]]

      

To view on the x-axis the interval 00:00 - 24:00, I will do

xAxis: {
    type: 'datetime',
    tickInterval: 3600 * 1000
}

      

Each horizontal line must be user-defined. For this I have to set the maximum and minimum of the y-axis. And for example, if users have 3, I will do something like this (I will only add one axis, and the (y) value of each user should be 1,2,3 ...).

chart.addAxis({
    min: 1,
    max : 3,
    ceiling:1,
    tickInterval: 1,
    labels: {
        formatter: function() {
             if (this.value <= 3){
                  return "";
             }else{
                  return null;
             }
         }
    }
});

      

The problem is, I don't know what type of chart is used to display this data type. Thanks to

+3
javascript highcharts


source to share


No one has answered this question yet

Check out similar questions:

1865
How to format a JavaScript date
1668
How can I format numbers as a currency string in JavaScript?
2
Prevent scale chart from changing
1
Highcharts chart chart with lazy_chart ruby ​​pearl
1
Highchart - Set Time (Hour: Minute) along the X axis
0
high rates table showing extra month
0
How to render multiple Y axis with incoming data series from database using Highcharts
0
Highcharts: Accessing Series or Axis context in Axis Formatter
0
Highcharts xAxis does not receive the required time format
0
Highcharts: one xAxis as date-time without constant interval for 10 series



All Articles
Loading...
X
Show
Funny
Dev
Pics