- x-axis is a simple timeline.
the x-axis being a datetime works just fine. depending on the span of time for the displayed chart it will automatically format the labels. you can modify the default formatting using datetimelabelformats and tickinterval. the datetime can be controlled down to the millisecond.
- y-axis will have various categories (labels left and right sides)
you can have as many y-axis as you need. you can place them on either or both sides of the chart. here is an example of a chart with two y-axis. you can also have as many series as you need on the chart. you can tie each of them to a specific y-axis and give them all different types if you want (ex spline, bar, pie and etc).
- for each category i will have zero to many events with start and end dates
if you do have a data point that does not have any data then you can specify it as null. then continue on with the data points that have data.
- i would like to have a fine horizontal line representing each category (display only, no data)
- on each line, i would like to display a thicker bar representing events, from start to end date.
i think you are referring to grid lines here. if so, then you can change the gridlinewidth. you can also change the color and if needed you can add minor grid lines and manipulate them as you see fit. this can be done on either axis or both.
- additional notes
you can also send additional data to a point for displaying in the tooltip. as demonstrated here. in the example the locked, unlocked, and potential are user defined variables. you can draw objects in a chart. you can make your charts zoomable. you can drill down into a chart to show additional data based on data element. and the list goes on. there is a lot you can do. if all else fails you can add your own custom events and function to control anything else.
- Multiple Series Timeline with HighCharts
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts with JSON data and multiple series
- Highcharts not displaying series data for graph with multiple Y-axes
- Click events on highcharts with multiple series
- Timeline chart with highcharts using x-range with multiple stacks
- Highcharts async Server Loading with multiple series
- Highcharts problem with xAxis using multiple series
- Change chart type and redraw with multiple series in Highcharts
- Highcharts shared tooltip between charts with multiple series and shared tooltip
- Highcharts show the same yAxis start and end value with multiple data series
- Highcharts - How to make a scatter plot with multiple series from HTML table
- Highcharts Multiple series with database
- Highcharts synchronize tooltip on multiple charts with multiple series
- Charts using Highcharts with multiple series from JSON
- Strange behavior with highcharts when using "column" type and multiple datetime series
- Highcharts with multiple series from JSON Dynamically
- Highcharts solid gauge with multiple series
- Highcharts 3.08 drilldown with multiple parent series
- Highcharts timeline chart with multiple axes
- Multiple series in Highcharts with multiple drilldowns
- How to update Highcharts with multiple series via JSON?
- Highcharts with JSON to customize multiple series
- Highcharts with multiple series from JSON
- Highcharts multiple series combined with linkedTo hover issue
- Highcharts mouse tracking behaviour with multiple arearange & line series
- Highcharts drilldown to pie chart - Clicking on axis label with multiple series causes pie charts to overlap
- Highcharts series visibility with csv data source
- Loading json data to highcharts with multiple series
- Highcharts : using same div to load a chart multiple times with different series data
More Query from same tag
- PHP Highcharts Group By Date
- Using Highcharts and displaying a message over or on the chart when there is no data
- Call an angular component method when we click on highchart series
- How do i show Last seven days of a week from current date in area spline categories highcharts
- XAxis tick interval doesn't change automatically in highcharts gantt
- Show only two axis values in highcharts
- Highcharts - Change line style in line gaps (null)
- Highcharts highstock plot with data from php
- Can pdfmake generate mixed highcharts(SVG) and other html content?
- creating a chart using a count query on repository in symfony
- Highmaps chart is empty in Angular 5
- Only single series is shown
- Highchart with scaled images in column bars?
- How to let user know that a Highcharts chart is clickable?
- Highcharts not rendering
- How to force Highcharts to show last label on xAxis?
- High charts update data series
- Highchart column range with hour
- Change placement of "exporting" option
- Can we set a color for timeline bar?
- Highcharts - Even tick with uneven spacing
- Trying to get highchart example working on local machine
- How to remove white space from pie chart in highchart.js?
- rCharts shows limited functionality when used with Shiny 0.8.0.99
- Highcharts/HighcharteR Tooltip: access all y-values within a series, print the difference
- Viewing IP in highcharts
- How to configure date format in Highcharts?
- Format highcharts tooltip
- High Charts Line Chart with missing data
- Highchart's error : Uncaught SyntaxError: Unexpected token for