【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

좋은 웹페이지 즐겨찾기