Zoomfaktor beim Laden des Google Chart deaktivieren

Ich arbeite an einem Projekt, in dem ich den Zoomfaktor (Standardzoom) beim Laden der Google Map deaktivieren oder ändern möchte. Aber ich kann es nicht tun. Wenn die Aktivität gestartet wird, wird Folgendes angezeigt:Zoomfaktor beim Laden des Google Chart deaktivieren

-Code ist;

<html> 
<head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
     google.charts.load('current', { 
    callback: function() { 
    drawChart(); 
    window.addEventListener('resize', drawChart, false); 
    }, 
    packages:['corechart'] 
}); 

function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
    ['Year', 'Sales', 'Expenses', 'Profit'], 
    ['2014', 1000, 400, 200], 
    ['2015', 1170, 460, 250], 
    ['2016', 660, 1120, 300], 
    ['2017', 1030, 540, 350] 
    ]); 

    var options = { 
    animation:{ 
     duration: 1000, 
     easing: 'linear', 
     startup: true 
    }, 
    height: 600, 
    theme: 'material', 
    title: 'Company Performance' 
    }; 

    var chart = new google.visualization.ColumnChart(document.getElementById('columnchart_material')); 
    chart.draw(data, options); 
} 
    </script> 
</head> 
<body> 
<div id="columnchart_material" style="width: 900px; height: 500px;"></div> 
</body> 
</html>

Beispiel: Ich möchte in 300 * 300 Dimensionen die komplette Übersicht passen.

Quelle

2017-03-17 Humty

das Diagramm wird die Breite des

Behälter füllen

folgende Arbeits Schnipsel sehen ...

google.charts.load('current', { 
 
    callback: function() { 
 
    drawChart(); 
 
    window.addEventListener('resize', drawChart, false); 
 
    }, 
 
    packages:['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Year', 'Sales', 'Expenses', 'Profit'], 
 
    ['2014', 1000, 400, 200], 
 
    ['2015', 1170, 460, 250], 
 
    ['2016', 660, 1120, 300], 
 
    ['2017', 1030, 540, 350] 
 
    ]); 
 

 
    var options = { 
 
    animation:{ 
 
     duration: 1000, 
 
     easing: 'linear', 
 
     startup: true 
 
    }, 
 
    height: 600, 
 
    theme: 'material', 
 
    title: 'Company Performance' 
 
    }; 
 

 
    var chart = new google.visualization.ColumnChart(document.getElementById('columnchart_material')); 
 
    chart.draw(data, options); 
 
}

#columnchart_material{ 
 
    width: 300px; 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="columnchart_material"></div>

Quelle

2017-03-17 13:38:19 WhiteHat

setzen Sie eine Breite auf dem Behälter? oder wenn sich die Breite ändert, muss das Diagramm neu gezeichnet werden ... – WhiteHat

Die Breite ist konstant. (300 * 300). – Humty

Wird das Diagramm gezeichnet, bevor der Container sichtbar ist? – WhiteHat

Zoomfaktor beim Laden des Google Chart deaktivieren

Antwort

Verwandte Themen