맨위로가기
 

SBCHART

닫기

Donut/Gauge Radius

#latest  #options

도넛/게이지(donut/gauge) 차트의 내부 반지름을 지정합니다.

Options

  • extend.[donut/gauge].innerRadius

    내부 반지름을 지정합니다.

Example

Code

//donut
var chart1 = sb.chart.render("#chartWrap1", {
    data: {
        type: "donut",
        columns: [
            ["2015",3.51],
            ["2016",0.71],
            ["2017",1.48]
        ]
    }
});
//gauge
var chart2 = sb.chart.render("#chartWrap2", {
    data: {
        type: "gauge",
        columns: [
            ["2015",71]
        ]
    }
});
// innerRadius
document.getElementById("txtInnerRadius").onchange = function() {
    //donut
    chart1.extend({
        donut: {
            innerRadius: this.value
        }
    }).render();
    //gauge
    chart2.extend({
        gauge: {
            innerRadius: this.value
        }
    }).render();
};