Contact us
Create app
You're viewing an older version of Vaadin JavaDoc. Please see version 24.7.0 for the latest.
com.vaadin.flow.component.charts.model.

Class Tooltip

    • Constructor Detail

      • Tooltip

        public Tooltip()

      • Tooltip

        public Tooltip​(Boolean enabled)

    • Method Detail

      • setAnimation

        public void setAnimation​(Boolean animation)

        Enable or disable animation of the tooltip. In slow legacy IE browsers the animation is disabled by default.

        Defaults to: true

      • setBackgroundColor

        public void setBackgroundColor​(Color backgroundColor)

        The background color or gradient for the tooltip.

        In styled mode, the stroke width is set in the .highcharts-tooltip-box class.

        Defaults to: rgba(247,247,247,0.85)

      • setBorderColor

        public void setBorderColor​(Color borderColor)

        The color of the tooltip border. When null, the border takes the color of the corresponding series or point.

        Defaults to: null

      • setBorderRadius

        public void setBorderRadius​(Number borderRadius)

        The radius of the rounded border corners.

        Defaults to: 3

      • setBorderWidth

        public void setBorderWidth​(Number borderWidth)

        The pixel width of the tooltip border.

        In styled mode, the stroke width is set in the .highcharts-tooltip-box class.

        Defaults to: 1

      • setDateTimeLabelFormats

        public void setDateTimeLabelFormats​(DateTimeLabelFormats dateTimeLabelFormats)

        For series on a datetime axes, the date format in the tooltip's header will by default be guessed based on the closest data points. This member gives the default string representations used for each unit. For an overview of the replacement codes, see dateFormat.

        Defaults to: 

         {
            millisecond:"%A, %b %e, %H:%M:%S.%L",
            second:"%A, %b %e, %H:%M:%S",
            minute:"%A, %b %e, %H:%M",
            hour:"%A, %b %e, %H:%M",
            day:"%A, %b %e, %Y",
            week:"Week from %A, %b %e, %Y",
            month:"%B %Y",
            year:"%Y"
        }

      • setEnabled

        public void setEnabled​(Boolean enabled)

        Enable or disable the tooltip.

        Defaults to: true

      • setFollowPointer

        public void setFollowPointer​(Boolean followPointer)

        Whether the tooltip should follow the mouse as it moves across columns, pie slices and other point types with an extent. By default it behaves this way for scatter, bubble and pie series by override in the plotOptions for those series types.

        For touch moves to behave the same way, followTouchMove must be true also.

        Defaults to: false

      • setFollowTouchMove

        public void setFollowTouchMove​(Boolean followTouchMove)

        Whether the tooltip should follow the finger as it moves on a touch device. If this is true and chart.panning is set, followTouchMove will take over one-finger touches, so the user needs to use two fingers for zooming and panning.

        Defaults to: true

      • setFooterFormat

        public void setFooterFormat​(String footerFormat)

        A string to append to the tooltip format.

        Defaults to: false

      • getFormatter

        public String getFormatter()

      • setFormatter

        public void setFormatter​(String _fn_formatter)

      • setHeaderFormat

        public void setHeaderFormat​(String headerFormat)

        The HTML of the tooltip header line. Variables are enclosed by curly brackets. Available variables are point.key, series.name, series.color and other members from the point and series objects. The point.key variable contains the category name, x value or datetime string depending on the type of axis. For datetime axes, the point.key date format can be set using tooltip.xDateFormat.

        Defaults to <span style="font-size: 10px">{point.key}</span><br/>

      • setHideDelay

        public void setHideDelay​(Number hideDelay)

        The number of milliseconds to wait until the tooltip is hidden when mouse out from a point or chart.

        Defaults to: 500

      • setPadding

        public void setPadding​(Number padding)

        Padding inside the tooltip, in pixels.

        Defaults to: 8

      • setPointFormat

        public void setPointFormat​(String pointFormat)

        The HTML of the point's line in the tooltip. Variables are enclosed by curly brackets. Available variables are point.x, point.y, series.name and series.color and other properties on the same form. Furthermore, point.y can be extended by the tooltip.valuePrefix and tooltip.valueSuffix variables. This can also be overridden for each series, which makes it a good hook for displaying units.

        In styled mode, the dot is colored by a class name rather than the point color.

        Defaults to: ? {series.name}: {point.y}

      • getPointFormatter

        public String getPointFormatter()

      • setPointFormatter

        public void setPointFormatter​(String _fn_pointFormatter)

      • getPositioner

        public String getPositioner()

      • setPositioner

        public void setPositioner​(String _fn_positioner)

      • setShadow

        public void setShadow​(Boolean shadow)

        Whether to apply a drop shadow to the tooltip.

        Defaults to: true

      • setShape

        public void setShape​(Shape shape)

        The name of a symbol to use for the border around the tooltip. In Highcharts 3.x and less, the shape was square.

        Defaults to: callout

      • setShared

        public void setShared​(Boolean shared)

        When the tooltip is shared, the entire plot area will capture mouse movement or touch events. Tooltip texts for series types with ordered data (not pie, scatter, flags etc) will be shown in a single bubble. This is recommended for single series charts and for tablet/mobile optimized charts.

        See also tooltip.split, that is better suited for charts with many series, especially line-type series.

        Defaults to: false

      • setSnap

        public void setSnap​(Number snap)

        Proximity snap for graphs or single points. It defaults to 10 for mouse-powered devices and 25 for touch devices.

        Note that in most cases the whole plot area captures the mouse movement, and in these cases tooltip.snap doesn't make sense. This applies when stickyTracking is true (default) and when the tooltip is shared or split.

      • setSplit

        public void setSplit​(Boolean split)

        Split the tooltip into one label per series, with the header close to the axis. This is recommended over shared tooltips for charts with multiple line series, generally making them easier to read.

        Defaults to: false

      • setStyle

        public void setStyle​(Style style)

        CSS styles for the tooltip. The tooltip can also be styled through the CSS class .highcharts-tooltip.

        Defaults to: { "color": "#333333", "cursor": "default", "fontSize": "12px", "pointerEvents": "none", "whiteSpace": "nowrap" }

      • setUseHTML

        public void setUseHTML​(Boolean useHTML)

        Use HTML to render the contents of the tooltip instead of SVG. Using HTML allows advanced formatting like tables and images in the tooltip. It is also recommended for rtl languages as it works around rtl bugs in early Firefox.

        Defaults to: false

      • setValueDecimals

        public void setValueDecimals​(Number valueDecimals)

        How many decimals to show in each series' y value. This is overridable in each series' tooltip options object. The default is to preserve all decimals.

      • setValuePrefix

        public void setValuePrefix​(String valuePrefix)

        A string to prepend to each series' y value. Overridable in each series' tooltip options object.

      • setValueSuffix

        public void setValueSuffix​(String valueSuffix)

        A string to append to each series' y value. Overridable in each series' tooltip options object.

      • setXDateFormat

        public void setXDateFormat​(String xDateFormat)

        The format for the date in the tooltip header if the X axis is a datetime axis. The default is a best guess based on the smallest distance between points in the chart.

      • setChangeDecimals

        public void setChangeDecimals​(Number changeDecimals)

        How many decimals to show for the point.change value when the series.compare option is set. This is overridable in each series' tooltip options object. The default is to preserve all decimals.

      • setOutside

        public void setOutside​(Boolean outside)

        Whether to allow the tooltip to render outside the chart's SVG element box. By default (false), the tooltip is rendered within the chart's SVG element, which results in the tooltip being aligned inside the chart area. For small charts, this may result in clipping or overlapping. When true, a separate SVG element is created and overlaid on the page, allowing the tooltip to be aligned inside the page itself.