BreakEven 차트를 사용하여 비용 대비 수익 표시하기
추천0
페이지 정보
작성자 GrapeCity 작성일 2020-03-31 00:00 조회 4,599회 댓글 0건본문
관련링크
wijmo.chart.analytics 모듈에 새로운 BreakEven 클래스를 추가하였습니다.
BreakEven 클래스는 시간에 따른 수익의 변화 및 손익분기점에 도달하는 데 걸리는 시간을 보여주는 Series를 나타냅니다.
BreakEven 차트를 만드는 방법은 다음과 같습니다.
var breakEven = new wijmo.chart.analytics.BreakEven({
salesPrice: 20,
variableCost: 10,
fixedCost: 1000000,
style: { fill: 'rgba(0,100,0,0.5)', strokeWidth: 0 }, // Loss Area
altStyle: { fill: 'rgba(200,0,0,0.5)', strokeWidth: 0 }, // Profit Area
styles: {
breakEven: { stroke: 'rgba(69,171,235)', strokeWidth: 3 }
}
});
var flexChart = new wijmo.chart.FlexChart('#flexChart');
flexChart.series.push(breakEven);
flexChart.axisX.title = 'Units';
결과는 다음과 같습니다.
주어진 데이터를 기준으로 보았을 때, 손익분기점은 100,000 unit이 판매되는 시점입니다. 손익분기점에서 수입과 지출은 모두 2,000,000이며 서로 상쇄됩니다. 이익 영역은 그 시점을 넘어선 후입니다.
아래 링크를 통해 JavaScript 차트 데모를 살펴볼 수 있습니다.
댓글목록
등록된 댓글이 없습니다.