score:10
Accepted answer
You simply use an HTML tooltip in Highcharts by setting useHTML: true
; see example: http://jsfiddle.net/xq28t/
In JS:
tooltip: {
useHTML: true,
borderWidth: 0,
style: {
padding: 0
}
},
In CSS:
.highcharts-tooltip>span {
padding: 10px;
border-bottom: 1px solid black;
}
Source: stackoverflow.com
Related Query
- Border Styles for the Highchart tooltip
- Apply outer border for the highchart area chart
- Highchart - tooltip for legends
- Use MySQL data as the chart data for the cakephp highchart plugin
- Highmaps: what is the code for a county?
- Highchart : Json Array For ToolTip
- HighChart Sparkline Chart with dynamic data for the table
- How to do In highchart tooltip display the first 100 characters and then say "See more .."?
- Why does this Highcharts graph only show tooltip for the first and last nodes?
- Highchart heatmap: exclude the total row for color Axis
- I want to apply custom styles for highchart plotline labels
- how to add an color picker control to highchart for changing the color of series by user
- Highchart inner donut name as header for outer donut tooltip
- Two legend styles for two stacked chart styles in highchart
- Tooltip for Highcharts graph shows "undefined" in Chrome, but the correct value in Firefox
- Custom tooltip data for specific points on highchart
- Display a tooltip for two points with exactly the same time
- Strange character in the Highstock source code
- How to change the Highchart plotline color for theme
- Highcharts - Show a string category label in the tooltip for a line graph
- Format tooltip in highchart map for dynamic variables, some with commas and others with percents
- How to add a vertical plot line in multiple line series and show the tooltip on Plot line in highchart
- How to change the data series for highchart using a dropdown list
- Display tooltip on mouseover in the Highchart Stack Column Total
- Outline or border for the spline series in highcharts
- Is it possible to trigger tooltip in highchart of a line chart ONLY when the mouse hovers over the point?
- how to customize the tooltip in solid gauge in highchart
- Tooltip doesn't appearing for overlapping datapoints in highchart xrange
- Changing the styles of a label of plotLines in HighChart
- Tooltip in Highcharts doesn't show the right format for Date
More Query from same tag
- Specify X-Axis Category in Series Data in Highcharts
- FusionCharts Failed to draw different chart on same data source
- Highcharts Area chart gradient fill
- Highcharts grouped bar charts with multiple axes
- Highstock shared tooltip multiple series - show data for line when not on point
- Highstock ranged overlay
- Using different list for names of each point in highcharts in javascripts
- Highcharts - show at least 5 horizontal grid lines, even when value doesn't change
- Tooltip in chart with line- and scatter plot in highcharts 3.0.7
- Highchart with Prototype
- Highcharts color issue when using Boost module
- Highcharts stacked area - update tooltip only after exact area mouse over
- HighChart / HighStock chart.refresh seems to fail to reload the chart
- HighStock: One navigator to control two xAxis?
- Links in pie charts for Highcharts.js
- How to set variable as categories in Highcharts
- Highcharts's width is not able to fill 100% of parent
- Handle legends overflow in Highstocks
- High chart with strips on bar
- Create background quadrants in scatterplot
- High-chart Div save as image and save file in server path
- How to show time values in stacked column using High stock
- Highstock error: a.ownerDocument is undefined
- Highcharts - Dynamic + Multiple charts not rendering
- Html not rendering chart
- Multiline js chart with support for irregular plot intervals
- Locking the zoom in on Mapview?
- How to set specific color for each data in pie chart using phplot.php
- Highcharts -> Style vertical lines in the navigator
- highcharts heatmap drilldown link on yasix