tooltip font

Specifies font options for the text displayed by tooltips.

Type: Object

Show Example:
jQuery

This example shows how to configure a tooltip's font. Hover over any point to see the tooltip with custom font settings.

<div id="chartContainer" style="height:500px; max-width:700px; margin: 0 auto"></div>
var dataSource = [
    { year: 1950, europe: 546, americas: 332, africa: 227 },
    { year: 1960, europe: 605, americas: 417, africa: 283 },
    { year: 1970, europe: 656, americas: 513, africa: 361 },
    { year: 1980, europe: 694, americas: 614, africa: 471 },
    { year: 1990, europe: 721, americas: 721, africa: 623 },
    { year: 2000, europe: 730, americas: 836, africa: 797 },
    { year: 2010, europe: 728, americas: 935, africa: 982 }
];

$(function () {
    $("#chartContainer").dxPolarChart({
        dataSource: dataSource,
        commonSeriesSettings: {
            argumentField: 'year',
            type: 'line',
            closed: false
        },
        series: [
            { valueField: 'europe', name: 'Europe' },
            { valueField: 'americas', name: 'Americas' },
            { valueField: 'africa', name: 'Africa' }
        ],
        animation: false,
        tooltip: {
            enabled: true,
            font: {
                family: 'Helvetica Neue',
                color: '#FF8000',
                weight: 600,
                size: 15
            }
        }
    });
});

color

Specifies a font color for the text displayed by tooltips.

Type: String
Default Value: '#232323'

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/cross-browser color names
  • Predefined SVG colors (not supported in Internet Explorer 8)

family

Specifies a font family for the text displayed by tooltips.

Type: String
Default Value: "'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana"

For details on acceptable values, refer to the Font family article.

opacity

Specifies the font opacity for the text displayed in the tooltip.

Type: Number
Default Value: undefined

size

Specifies a font size for the text displayed by tooltips.

Type: Number|String
Default Value: 12

For details on acceptable values, refer to the Font size article.

weight

Specifies a font weight for the text displayed by tooltips.

Type: Number
Default Value: 400