【Google Charts】x축 날짜의 표시 범위를 설정하는 방법
소개
Google 차트의 가로축을 변경하고 싶습니다.
구체적으로는 왼쪽에서 이번 달의 하루 ~ 이달 말에 그래프를 표시하고 싶을 때,
문서가 영어 파라다이스로, 어느 options를 사용해야 하는지를 이해하기 어려웠기 때문에 비망록.
해결 방법
options hAxis.viewWindow.max/min 사용
var fromThisMonth = new Date(); // 今月の1日
fromThisMonth.setDate(1);
var toThisMonth = new Date(); // 今月末
toThisMonth.setMonth(toThisMonth.getMonth() + 1);
toThisMonth.setDate(0);
var chartType = new google.visualization.ChartWrapper({
chartType: 'ColumnChart',
containerId: 'chart_div',
options: {
: //一部options省略
:
hAxis: {
viewWindow: {
min: fromThisMonth, // 最小表示
max: toThisMonth // 最大表示
}
}
}
});
사이고에게
일자의 양단이 2020년 10월 1일이라든가 2020년 10월 31일이라든지 나오지 않는 것은,
한층 더 options 를 추가하거나 취득하는 「시・분」의 곳까지 확실히 지정해 주지 않으면 안 되거나 여러 가지 원인은 있을 것 같다. . .
참고 : Google Charts > Column Charts > Configuration options
Reference
이 문제에 관하여(【Google Charts】x축 날짜의 표시 범위를 설정하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/narumiyam/items/fb0a5ae8a167d93fd43d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
options hAxis.viewWindow.max/min 사용
var fromThisMonth = new Date(); // 今月の1日
fromThisMonth.setDate(1);
var toThisMonth = new Date(); // 今月末
toThisMonth.setMonth(toThisMonth.getMonth() + 1);
toThisMonth.setDate(0);
var chartType = new google.visualization.ChartWrapper({
chartType: 'ColumnChart',
containerId: 'chart_div',
options: {
: //一部options省略
:
hAxis: {
viewWindow: {
min: fromThisMonth, // 最小表示
max: toThisMonth // 最大表示
}
}
}
});
사이고에게
일자의 양단이 2020년 10월 1일이라든가 2020년 10월 31일이라든지 나오지 않는 것은,
한층 더 options 를 추가하거나 취득하는 「시・분」의 곳까지 확실히 지정해 주지 않으면 안 되거나 여러 가지 원인은 있을 것 같다. . .
참고 : Google Charts > Column Charts > Configuration options
Reference
이 문제에 관하여(【Google Charts】x축 날짜의 표시 범위를 설정하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/narumiyam/items/fb0a5ae8a167d93fd43d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(【Google Charts】x축 날짜의 표시 범위를 설정하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/narumiyam/items/fb0a5ae8a167d93fd43d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)