Google의 꺾은 선형 차트의 x 축에 위치 지점과 레이블

Question

Google의 새 Charts를 사용하면 데이터를 그래픽으로 표현할 수있는 훌륭한 방법이지만 Excel에서 할 수있는 몇 가지 사항이 있습니다. 아직 API를 사용하여 복제하는 방법을 찾으십시오.

x 축의 첫 번째 점에 플롯 된 점을 y 축에 더 가깝게 가져 오려고합니다. 현재, 첫 번째 점은 y 축에서 멀리 플롯되어 있지만, 생성중인 그래프에서 첫 번째 점은 데이터의 원점이어야합니다. 여기에 내가 현재 가지고있는 작업은 다음과 같습니다

요점은 0,40에서 그려 멀리 y 축에서 그려집니다. 내가 원하는 것은 true 0,0 포인트를 가지므로 '1'로 표시된 데이터는 첫날의 끝에서 취한 데이터로, '0'에서 가져온 데이터는 단지 기준 일뿐입니다.

몇 가지 힌트 012이 있습니다

<div id="chart_div" style="width: 900px; height: 500px;"></div> 

:

google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 
function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Day'); 
    data.addColumn('number', 'Slide'); 
    data.addRows([ 
     ['0', 40], 
     ['1', 36], 
     ['2', 32], 
     ['3', 28], 
     ['4', 24], 
     ['5', 20], 
     ['6', 16], 
     ['7', 12], 
     ['8',8], 
     ['9', 4], 
     ['10', 0], 
    ]); 

    var options = { 
     colors: ['red', 'silver'], 
     title: 'Slide', 
     hAxis: {minValue: 0} 
    }; 

    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
} 
​ 

및 HTML :

당신도 함께 플레이하는 나는 jsfiddle을 만들었습니다, 여기에 자바 스크립트입니다은 축을 맞춤 설정하는 것에 관한 것이지만 내 그래프를 깨뜨리지 만합니다.

Answer 1

차트를 사용할 때 x 축을 문자열로 정의하면 차트의 시작과 끝 모두에 간격이 표시됩니다. 이것은 y 축의 레이블과 질문의 이미지에서와 같이 그려진 첫 번째 점 사이에서 가장 두드러집니다.

data.addColumn('number', 'Day'); 
data.addColumn('number', 'Slide'); 
data.addRows([ 
    [0, 40], 
    [1, 36], 
    [2, 32], 
    [3, 28], 
    [4, 24], 
    [5, 20], 
    [6, 16], 
    [7, 12], 
    [8,8], 
    [9, 4], 
    [10, 0], 
]); 

첫번째 컬럼 형 number 지금이고 값이 이제 숫자가 아닌 문자열 :

은 이상 (적절한 명백하게)이 올 수로서 상기 X 축을 정의. jsfiddle에서 작업하는 것을보십시오.