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
- Highcharts: Removing the legend Symbol that comes with marker
- Displaying percentage in Y-axis of Highcharts column chart
- Different xAxis label, max and colors for drilldown in Highcharts
- Highcharts : Under Y Axis we need to display a Image
- HighChart Bubble and Date / Tooltip
- Preserving jQuery dependency for highcharts with requireJS optimizer
- How to trigger a modal view with Highcharts, when zoom is also enabled?
- High Charts fails to add series dynamically
- Highlight area in highcharts
- how to disable the color change on mousehover in sankeycharts Highchart . { hover: {color: '#a4edba',opacity: 1,filter: {type: 'none',}}} didnt work
- Highcharts with Rails 6
- Highstocks / Highcharts API : how to add spline/line to already rendered chart?
- Highcharts - Grouping certain columns in a series together while maintaining proper column widths
- Multiple series highstock live chart
- How to align category labels on xAxes in Highcharts.js
- Highchart Y-Axis Scale Values Missing
- local phantomjs/highcharts export server on tomcat
- Date type xAxis in Angular Highcharts is still allowing duplicate 'Date' values
- Improve performance of Highcharts line chart
- is there any option to get highchart plotbands only for one xaxis?
- Using a flask variable as data source for highcharts
- Hightcharts: reset the graph
- How to make dynamic chart with the next view? What libraries allows to customise exactly this like in my design?
- Highmaps - Choropleth maps - All area are the same color
- Highcharts - Stack Chart to Stack Chart in Drilldown
- Set chart options when printing and add a footer
- Highcharts show the same yAxis start and end value with multiple data series
- Highmaps UK map data
- Set background color to DotNet.Highcharts
- Highcharts datetime starting on wrong day