bubblechart_chartlabel Interface

Creates a chartLabel object that defines all of the settings used to draw a label for each bubble in the chart.

Type: Object

Default:

chartLabel: {
    chartLabelFormatString:"",
    compass: "north", 
    position: "inside", 
    style: {}, 
    visible: true
}

Example

This code creates a chart with a label outside (and to the south) of each bubble with the numbers formatted as percentages with no decimal spaces, in purple size 14 font, as 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"}
        },
        chartLabel: {
            chartLabelFormatString:"P0",
            compass: "south", 
            position: "outside", 
            style: {fill: "purple", "font-size": 14}
        },
        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>

Fields

	Name	Description
	chartLabelFormatString	Sets the numeric format of the chart labels that show the value of each bubble.
	compass	A value that indicates the compass position at which to draw a chart label next to each bubble when you set the position option for the label to "outside." If the position is set to "inside," this attribute is ignored. Default: "north"
	position	A value that indicates whether to draw a label inside our outside of each bubble in the chart. Default: inside
	style	A value that indicates the style parameters to apply to the labels on each bubble in the chart. Default: {}
	visible	The visible option indicates whether to draw a label on each bubble in the chart. Default: true

Top

Reference

wijmo.chart Namespace