score:9
By default tooltip's shape is set to a callout which has a chevron/line pointing to the point. You can change the tooltip's shape to, e.g. rectangle - which does not have any connector.
tooltip: {
positioner: function () {
return { x: 80, y: 50 };
},
backgroundColor: 'rgba(255,255,255,0.8)',
shape: 'rect'
example: http://jsfiddle.net/bqw4bc4x/2/
score:1
The accepted answer only partially worked in Highstock. The connectors for the volume and indicator tooltips were suppressed, but I still had a connector from the DateTime box to the crosshair.
As an alternative to the shape: 'rect' hack, you can try:
tooltip: {
positioner: function () {
return { x: 80, y: 50 };
},
split: false,
shared: true,
backgroundColor: 'rgba(255,255,255,0.8)'
These split: and shared: settings consolidate all the tooltip boxes into a single box. Provided that this meets your needs it seems to solve the connector issue.
Very odd design decision by Highcharts. The connectors are highly intrusive visually and I can't imagine that many designers will want to use them, but you can only disable them with a hack. What were they thinking?
Source: stackoverflow.com
Related Query
- Highcharts - How to remove connecting line between fixed tooltip and point
- How to remove fine white line between halo and Highcharts pie chart
- remove tooltip space between border and content highcharts
- How to change space value between grid and yAxis in Highcharts line chart
- Basic highcharts plugin, need to remove line between point
- Highcharts : How to remove the gap between series and vertical axis?
- Highcharts - Remove gap between tooltip border and content
- How do I remove the pale line between events in a Highcharts columnrange chart?
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Highcharts how to remove headers from tooltip
- Highcharts - How to hide series name and Y value in tooltip
- Remove space between yAxis and data in highcharts
- How to add space between chart and axis in highcharts
- Highcharts - How to remove tooltip arrows
- Highcharts - How can I remove starting and ending padding from area chart
- How do I set highcharts line graph point colors to an array of colors?
- Highcharts shared tooltip for line series and scatter plot not working
- Highcharts padding between plot and graph, how to remove?
- Highcharts remove gap between start of xAxis and first value
- how to pass values to tooltip which not in x and y axis in highcharts
- How to get next point in Highcharts tooltip
- How to dynamically add point placement and point padding in fixed column chart (highcharts)
- Highcharts shared tooltip between charts with multiple series and shared tooltip
- How to remove the value and number labels from Highcharts angular gauge
- Highcharts - synchronized-charts crosshair line and circle point display
- How to remove space in between bars in HighCharts bar chart?
- How to remove empty space between bars in Highcharts polar chart?
- How to get the highlighted point from shared tooltip formatter, Highcharts
- Highcharts - how to set custom content in point tooltip (popup) on 3D scatter chart or how to customize point tooltip information?
- Highcharts : How do I keep the marker formatting and make the click event fire with a 5K+ point scatter plot?
More Query from same tag
- How to update Highcharts with React JS via input fields
- Highchart / Highstock how to set color of individual ohlc or candle?
- React Highcharts: How to display tooltip value to specific div outside of the chart
- How to Display Month and Year in xAxis of Highcharts datetime graph
- Why does my Controller not pass instance variables for js.erb file?
- HighCharts : Exporting jpeg with background in styled mode
- Highcharts / JavaScript month is incompatible with MySQL
- I need to show multiple axis, which is having constant values in the x-axis and dynamic values in y-axises
- Highcharts hidden flag
- how can i scroll my gnatt highcharts using mouse wheel
- Highcharts: create a simple line graph with json data
- Dynamically applying plot bands to a Highcharts graph
- Correct approach to apply HTML style in x-axis title
- Populating highcharts with php via json_encode
- dynamic highcharts with json data every 1 second
- How can I add a "for" in a Highcharts series?
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
- Disable specific labels in Highcharts
- Date data from MySQL to Highcharts
- how to make specific labels outside gauge chart
- Unable to view highcharts in my yii2 project
- Start scrollbar at the left for Highstock
- Highcharts : point.key is too long and make chart small
- Highcharts pie dropdown showing labels inside the pie
- Two different thresholds in HighCharts 3.0
- How to remove/hide export button in full screen view in highcharts-angular
- Django-Chartit 'source' must either be a QuerySet, Model or Manager
- HighChart 'tooltip' object is not found on the very next line in IE8
- How to fill the blank space between the bars with specific color in gantt chart of highcharts?
- Highcharts: dynamic update stacked area with extra custom data