PureJS 차트 X축 시작 부분의 공백
페이지 정보
작성자 DOKIM 작성일 2023-05-03 13:30 조회 1,153회 댓글 0건본문
관련링크
안녕하세요.
차트를 그리는데 궁금한 점이 있어서 질문을 드립니다.
아래 사진의 X축의 첫 데이터와 (붉은색 동그라미 위치에) 공백이 있는데,
이 부분을 없애는 옵션이 있는지 궁금합니다.
댓글목록
등록된 댓글이 없습니다.
안녕하세요.
차트를 그리는데 궁금한 점이 있어서 질문을 드립니다.
아래 사진의 X축의 첫 데이터와 (붉은색 동그라미 위치에) 공백이 있는데,
이 부분을 없애는 옵션이 있는지 궁금합니다.
등록된 댓글이 없습니다.
안녕하세요 그레이프시티입니다.
primaryCategory, primaryValue를 이용하여 축의 최솟값을 설정하여 해당 부분을 없앨 수 있습니다.
아래 샘플을 참고하여 주시기 바랍니다.
감사합니다.
그레이프시티 드림
안녕하세요, 차트에서 min/max를 Date로 설정하면 X축에 날짜포맷이 적용되지 않는데, 이유가 궁금합니다.
====================================
이 방법으로는 차트가 그려지지 않습니다.
삭제된 댓글 입니다.
안녕하세요.
X축이 숫자일 경우에는 min/max가 적용이 되는데, 날짜인 경우에는 제일 처음에 공백이 생기네요.
그리고, 추가 질문이 있습니다. 1개월 또는 3개월 단위로 majorGridLine을 긋고 싶을 때 majorUnit 값을 어떻게 설정하면 될까요?
감사합니다.
<소스>
window.onload = function () {
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), {sheetCount: 1});
var data = dataSource;
var Charts = GC.Spread.Sheets.Charts;
spread.suspendPaint();
spread.options.tabStripRatio = 0.7;
var sheet = spread.getSheet(0);
sheet.name('stockHLC');
sheet.setArray(0, 0, data);
sheet.getRange(0, 0, 62, 1).formatter('yyyy-mm-dd');
sheet.setColumnWidth(0, 80);
var chart = sheet.charts.add('stockHLC', Charts.ChartType.line, 400, 60, 615, 270);
chart.series().add({
chartType: Charts.ChartType.line,
axisGroup: Charts.AxisGroup.primary,
name: 'B1',
xValues: 'A2:A62',
yValues: 'B2:B62'
});
var axes = chart.axes();
axes.primaryCategory.majorGridLine.visible = true;
axes.primaryCategory.majorUnit = 2;
axes.primaryCategory.min = new Date('2008-08-31');
axes.primaryCategory.max = new Date('2008-10-30');
axes.primaryCategory.format = "yy.m.d";
axes.primaryCategory.labelAngle = -45;
axes.primaryValue.majorGridLine.visible = false;
chart.axes(axes);
spread.resumePaint();
};
삭제된 댓글 입니다.
안녕하세요 그레이프시티입니다.
majorGridLine 은 별도의 간격 설정이 불가능합니다.
이는 엑셀에서 지원하지 않는 기능이기 때문에 SpreadJS 에서도 별도 지원하지 않습니다.
원하시는 답변을 드리지 못해 죄송합니다.
감사합니다.
그레이프시티 드림
안녕하세요 그레이프시티입니다.
아쉽게도 엑셀과 마찬가지로 차트가 축에서부터 시작하지 않기 때문에 말씀하신 공백을 제거하는 기능은 제공하고 있지 않습니다.
다만, 기존 축 자체를 제거하여 보기 좋게 만들 수 있습니다.
아래 샘플을 참고하여 주시기 바랍니다.
감사합니다.
그레이프시티 드림