구글 주석이 달린 타임 라인 차트에 시간을 표시하십시오.

Question

Google 차트 API를 사용하여 x 축을 기준으로 한 datetimes와 다른 값을 갖는 꺾은 선형 차트를 만들려고합니다. 일반적으로 이들은 48 시간 동안 만 존재하므로, x 축뿐만 아니라 요일에도 시간대를 표시해야합니다.

누구나이 방법을 알려주시겠습니까?

다른 사람이 제발 허용 할 것이라고 다른 자바 스크립트 차트를 제안 할 수 있습니까?

Answer 1

나는 temperature time series에 morris.js을 사용하고 있습니다.

다른 제안 사항을 확인하고 싶습니다.

Answer 2

AnnotatedTimeline 차트가 오래되어 구형입니다. LineChart에 "annotation"과 "annotationText"column roles 및 ChartRangeFilter을 사용하여 95 %의 기능을 복제 할 수 있습니다. LineCharts는 datetimes를 사용하여 지원합니다.

Answer 3

@asgallant가 맞습니다. 모양은 다음과 같습니다. 에서이 스크립트를 붙여 넣으면이 스크립트를 붙여 넣을 수 있습니다.

function drawVisualization() { 
    // Create and populate the data table. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('datetime', 'Time'); 
    data.addColumn('number', 'Count'); 
    data.addColumn({type: 'string', role: 'annotation'}); 
    data.addColumn({type: 'string', role: 'annotationText'}); 
    data.addRows([ 
    [new Date(2013, 0, 31, 19, 30), 1, 'A', 'Event 1'], 
    [new Date(2013, 1, 2, 20, 30), 2, 'B', 'No event'], 
    [new Date(2013, 1, 7, 18, 30), 2.5, 'C', 'No event'], 
    ]); 

    // Create and draw the visualization. 
    new google.visualization.LineChart(document.getElementById('visualization')). 
     draw(data, {curveType: "function", 
        width: 500, height: 400, 
        vAxis: {maxValue: 10}} 
     ); 
}