Home

Example:

(in mobile devices, hovering falls back to tapping)

Usage:

let bp = new org.cityxdev.boxplot.BoxPlot({
    values:{//mandatory
        min: ___MIN___,//optional
        p25: ___PERCENTILE_25___,//mandatory Q1
        p50: ___PERCENTILE_50___,//mandatory Q2 - median
        p75: ___PERCENTILE_75___,//mandatory Q3
        max: ___MAX___,//optional,
        decimalPlaces:___DECIMAL_PLACES_FOR_LEGEND___//optional
    },
    $target:$('___SELECTOR___'),//mandatory jQuery element
    style:{ //optional
        height: '15px', //css
        width: '100%',  //css
        borderColor: '#4E74AB',//css
        borderWidthPx:2,

        medColor: '#FFC767',//css
        medWidthPx: 2,

        boxBorderColor: '#7E9AC4',//css
        boxWidthPx: 2,
        boxBackgroundColor: 'white',//css

        legendLabelColor:'#7E9AC4',//css
        legendValueColor:'#495057',//css
        legendBackgroundColor:'white',//css
        legendBorderColor:'#7E9AC4',//css
        legendBorderWidthPx:2
    },
    translation:{ //for legend - optional
        min:'min',
        q1:'Q1',
        med:'med',
        q3:'Q3',
        max:'max',
        iqr:'IIQ'
    }
});