content Field

A value that appears in the content part of the tooltip or a function which is used to get a value for the tooltip shown.

Default: ""

Type: String or Function

Syntax

Javascript (Usage)
Javascript (Specification)

var instance; // Type: wijmo.chart.chart_hint;
var value; // Type: any
value = instance.content;

var content : any;

Example

You can substitute the Y1 data value and format it to display percentages with no decimals using a function like in the sample code below. See also Format All Numeric Values.

This code uses a function in the content attribute to format the data from the Y1 (bubble size) to show a percentage, and uses the label attribute from the seriesList option to label the data. It results in a hint like that in the image below.

Javascript

<script type="text/javascript">
$(document).ready(function () {
    $("#wijbubblechart").wijbubblechart({
        axis: {
            y: {text: "Number of Products"},
            x: {text: "Sales", annoFormatString: "C0"}
        },
        hint: {
            content: function(){
                return this.data.label + '\n' + 
                Globalize.format(this.y1, "p0") + ' ';
            }
        },
        legend: {visible: false},
        seriesList: [
        {
            label: "Company A Market Share",
            data: { y: [14], x: [12200], y1: [.15] }
        }, {
            label: "Company B Market Share",
            data: { y: [20], x: [60000], y1: [.23] }
        }, {
            label: "Company C Market Share",
            data: { y: [18], x: [24400], y1: [.1] }
        }]
    });
});
</script>

Remarks

If you do not set the content here, the hint displays content in the following order:

The hint option's title attribute
The seriesList option's label attribute, which shows "undefined" if you do not provide a label value
The seriesList option's data y attribute

Reference

chart_hint Interface