chartLabel Option

Type: wijmo.chart.bubblechart_chartlabel

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

Syntax

Javascript (Usage)
$(function () { // Get value var value; // Type: wijmo.chart.bubblechart_chartlabel value = $(".selector").wijbubblechart("option", "chartLabel"); // Set value var newValue; // Type: wijmo.chart.bubblechart_chartlabel $(".selector").wijbubblechart("option", "chartLabel", newValue); });

Javascript (Usage)

$(function () {
    
    // Get value
    var value; // Type:  wijmo.chart.bubblechart_chartlabel
    value = $(".selector").wijbubblechart("option", "chartLabel");
    
    // Set value
    var newValue; // Type:  wijmo.chart.bubblechart_chartlabel
    $(".selector").wijbubblechart("option", "chartLabel", newValue);
        
});

Javascript (Specification)
var chartLabel : bubblechart_chartlabel;

Example

Javascript

// 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
$(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] }
       }]
});
});

Browser Compatibility

See Also

Reference