縮放不會顯示在谷歌可視化圖表中

Question

我需要為兩個軸條添加標簽和比例。 但它們在圖像中不可見。 有時圖表不呈現（不是繪圖，通常是第一次請求）。

這是我正在使用的代碼：

var data=new google.visualization.DataTable();
    data.addColumn('string','Date');
    data.addColumn('number','Distance');
    var finalData=[];

    for(i=0; i<distanceValues.length;i++){
        var keyPair=[(data[i]['Date']),parseInt(data[i]['Distance'])];
        finalData.push(keyPair);
    }

    data.addRows(finalData);

    var options={
            chart:{
                title:'Distance',
                subtitle:'KM'
            },
            legend: {position: 'none'},
            sortAscending: true,
            sortColumn: 0,
            width: 600,
            height:200,
             axes: {
                  y: {
                    Distance: {label: 'Distance (KM)'}
                  }
             }
    };


    var chart=new google.charts.Line(document.getElementById("testChart"));
    chart.draw(data,options);

任何幫助都會得到滿足。

Answer 1

您正在使用legend: {position: 'none'} ，它要求Google Charts隱藏標簽。 根據您想要放置圖例的位置，將其移除或更改如下。

legend: {position: 'right'} //top, right, bottom or left

要更改比例類型（如果這是您要求的），請使用

vAxis: {
        scaleType: 'linear' // linear,log etc
  }

請參閱下面的小提琴或代碼片段 -

 google.charts.load('current', { 'packages': ['corechart'] }); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Date', 'Distance'], ['Service', 168], ['NAME 1', 42], ['NAME 2', 36], ['NAME 3', 35], ['NAME 4', 34], ['NAME 5', 30], ['NAME 6', 24], ['NAME 7', 21], ['NAME 8', 18] ]); var options = { legend: { position: 'right' }, chartArea: { right: 150, }, vAxis: { scaleType: 'linear' }, }; var chart = new google.visualization.LineChart(document.getElementById('chart6_div')); chart.draw(data, options); } 

 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart6_div"></div>