score:2
Accepted answer
This is a simple example which only uses css and html. It is very limited but functions (fixed width tool tips etc). You could easily make it more flexible, it is just to show it is possible.
<div class="list">
<div class="period">...</div>
<div class="period">15/5
<span class="tool-tip">info</span>
</div>
<div class="period">16/5/2015
<span class="tool-tip">info 2</span>
</div>
<div class="period">17/5
<span class="tool-tip">fixed width</span>
</div>
<div class="period">18/5</div>
<div class="arrow-right"></div>
</div>
.period{
float:left;
position:relative;
display:inline-block;
...
}
.tool-tip{
height:35px;
line-height: 25px;
position: absolute;
...
}
Main thing to be aware of is that each section is an inline box, then the tool tip is located relative to it.
Source: stackoverflow.com
Related Query
- Time-Date and Event chart or Graph in Highchart
- how to assign date time to highchart with intervals and date start
- Highchart area chart with date time
- Date and time wrong on Highstock chart
- Highcharts - Performance issue using chart with x values date and TIME
- Remove Export and print button plugin on highchart chart
- How to create a new Highstock chart with new Highchart and not jquery?
- Stock chart timeline buttons and date field left align with chart
- High chart - Column Range Chart with Time range. How to get tooltip as Start and End time
- put the highchart legend to the bottom of the chart and horizontally centered
- Fire click event on a highchart column drilldown chart on clicking x axis for drill down reports
- HighChart : plot line click event for multiple chart
- High chart date time conversion showing wrong values
- Highchart / Highstock stack column chart show one series's tooltip at a time
- Make Highchart and Highstock Have a Uniform Time X-Axis for Disparate Data Points
- html button not firing event to the required graph container firing to different graph in Highchart JS
- Highchart Time Data With Irregular Interval and Text
- 24-Hour Time Event Chart using HighCharts
- Stacked column chart with irregular date time interval
- Group Highchart time data into weeks and months
- Highchart Js Column Chart Stacked and Grouping
- How to add exporting date and time as user format in Highcharts exporter?
- Adding symbols and annotations to Highchart date axis
- Highchart : by passing FROM DATE and TO DATE x axis labels should set
- combination chart (area and bar) highchart
- high-chart not showing date and time in xaxis
- Highchart min/max values doesn't set and chart not plotted properly
- How to change HighChart xAxis timeline to match local time and not UTC?
- How to get chart min and max values after Drag zooming in highChart chart?
- Fixed min and max dynamic time ticks in chart
More Query from same tag
- Draw symbols between bars in highcharts
- HighChart displaying legend icon along with Y axis
- How to reverse colors order for the first label?
- Display the sum of track values in activity gauge inner radius while rendering
- Plot highcharts using ajax
- Selenium WebDriver and Highchart testing
- In TypeScript, how do I work out the proper type for 'this'?
- highcharts with year selector
- Highstock: how to make series name of first column to be dynamic on tooltip, year wise
- Highcharts : Put data labels legend inside columns
- show two different series with different start intervals with the same xAxis highcharts
- Is it possible to plot time series on top of a heat map in highcharts?
- Highcharts multiple data points between xAxis
- sort/arrange on date in dashboard
- Highcharts overflowing parent div Angular
- Highcharts tick date formatting
- Remove padding above bar columns
- Highcharts Time Series data from C# in a format required by HighCharts
- Highcharts.js: Strange rendering of stacked graph
- Cannot add multi series to Highstock but same thing works for Highcharts
- when printing page with highcharts using javascript this.print() width values in css in @media print seem to be ignored
- Highstock : altered points?
- React HighChart Example
- How do I export the content of a page as either jpg or pdf with Highcharts and scrollable data?
- R Highcharter: Different display and value for clicked category
- putting an image in each category in Highcharts
- Highcharts shown in multiple divs with the same name
- Highcharts solid-gauge Error: c.color.tweenTo is not a function
- How to add text labels to a numerical x axis in Highcharts
- testing React Highcharts config object with formatter callback