[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

깔때기형 차트

깔때기형 차트는 단계적으로 연결된 선형 프로세스를 시각화할 때 주로 사용됩니다. 이 차트는 비즈니스의 영업 파이프라인(sales cycle)을 평가하는 데 이상적입니다.

워크시트의 열 또는 행에 정리된 데이터를 깔때기형 차트로 플롯할 수 있습니다. 깔때기형 차트의 각 단계는 전체 중에서의 비율을 나타내며, 위에서 아래로 갈수록 점점 좁아지는 깔때기 모양을 형성합니다. 일반적으로 첫 번째 단계가 가장 크고 이후 단계로 갈수록 작아집니다.

예를 들어 아래 예시는 영업 파이프라인의 각 단계별 잠재 고객 수를 나타냅니다. 각 단계에 연결된 막대의 길이는 해당 단계에 있는 고객 수를 보여주며, ‘잠재 고객 → 관심 고객 → 가격 제안 → 협상 → 계약 완료 고객’으로 내려갈수록 점점 좁아집니다.




아래 코드는 SpreadJS 스프레드시트에 깔때기형 차트를 추가하는 방법을 보여줍니다.

// activesheet 가져오기
var sheet = spread.getActiveSheet();

//차트에 대한 데이터 준비
var dataArray = [
    ['Stage', 'Amount'],
    ['Prospects', 500],
    ['Qualified Prospects', 425],
    ['Needs Analysis', 200],
    ['Price Quotes', 150],
    ['Negotiations', 100],
    ['Closed Sales', 90]             
];

sheet.setArray(1, 1, dataArray);

//funnel 차트 추가
var chart = sheet.charts.add('chart1', GC.Spread.Sheets.Charts.ChartType.funnel, 300, 0, 500, 400, "B2:C8");
        
// 차트 제목 설정
var title = chart.title();
title.text = "Sales Pipeline";
chart.title(title);

//데이터 레이블 설정
var dataLabels = chart.dataLabels();
dataLabels.showValue = true;
dataLabels.color = 'white';
chart.dataLabels(dataLabels);