Tutorial.Scale

function run_scale(root) {
    scales = {};
    scales.left = new TK.Scale({
        layout: "left",
        division: 1,
        levels: [1, 6, 12],
        min: -96,
        max: +24,
        base: 0,
        scale: "decibel",
        id: "sc_scale_v_l"
    })
    scales.right = new TK.Scale({
        layout: "right",
        division: 1,
        levels: [1, 6, 12],
        min: -96,
        max: +24,
        base: 0,
        id: "sc_scale_v_r"
    })
    scales.top = new TK.Scale({
        layout: "top",
        division: 1,
        levels: [1, 6, 12],
        min: -24,
        max: +24,
        base: 0,
        gap_labels: 50,
        id: "sc_scale_h_t"
    })
    scales.bottom = new TK.Scale({
        layout: "bottom",
        division: 1,
        levels: [1, 6, 12],
        min: -24,
        max: +24,
        base: 0,
        gap_labels: 50,
        id: "sc_scale_h_b"
    })

    root.append_children([ scales.left, scales.right, scales.top, scales.bottom ]);
}


.toolkit-scale {
    display: block;
    position: absolute;
}

#sc_scale_v_l { height: calc(100% - 60px); top: 30px; left: 10px; }

#sc_scale_v_r { height: calc(100% - 60px); top: 30px; right: 10px;

}

#sc_scale_h_t { width: calc(100% - 94px); left: 47px; top: 10px; }

#sc_scale_h_b { width: calc(100% - 94px); left: 47px; bottom: 10px; }