score:9

Accepted answer

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?


Related Query

More Query from same tag