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 disable the 'k' dislay in Highcharts ordinate?
- How to call Highcharts tooltip formatter function from outside the config object?
- Need to put border on variablepie highchart?
- converting html to haml
- Highcharts - Unable to see all labels on the bar charts
- Highcharts Export to CSV No Data Grouping
- how to set fieldnames in high chart?
- Load highcharts dynamically with dynamic config option
- Highcharts getSVG() - Keep HTML formatting in legend
- change theme of highscharts (highstock) chart
- On DrillUp Set Series Name Failing
- X axis value in stackLabels Formatter in bar highchart
- Dynamically change datetime format of xAxis Tick Label in highchart
- Javascript Highcharts High buttons and calender with jquery
- How to get rangeSelector to work with HighCharts
- NaN date issue with jQuery
- How to load a highchart script within a WebPartZone
- How to add horizontal threshold lines after data is loaded?
- HighCharts graphs are not showing in IE
- How to display basic line graph in Highchart for multiple categories' data from csv?
- Fast way of graphing db statistics onto a webpage
- How to Plot chart from two different webform Submission data And Wand to Display annotated point
- When i use highcharts then my DataTable lost his functionality.
- Updating a point in a line chart when data grouping is in effect
- Highcharts Error 13 on Ajax Result and Dynamic Div
- setInterval in Angular JS for HighCharts-ng does not work
- Highstock - Single line series-Dynamically create marker based on a trigger
- how to show data for single day in graph using php mysql
- Remove extra chart area on Highcharts Gantt chart
- Getting error 'Cannot read property 'document' of undefined' while importing exporting.js (to export highchart charts)