In this article I will explain with an example, how to hide Legend in Google Charts.
By default, legend is always shown in Google Chart and in order to hide legend, it needs to be disabled using Google Chart Options.
 
 
Populating the Google Chart without Legend
The very first thing is to load the Google Chart API packages and when once all the packages are loaded then the drawChart method is invoked.
Then a multi-dimensional Array is populated with some data and is converted to a Google Visualization DataTable and used for drawing the chart on to the specified HTML DIV element.
Hiding the Legend
The Legend is hidden by setting the legend property to none in the Google Chart Options.
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", { packages: ["corechart"] });
    google.setOnLoadCallback(drawChart);
    function drawChart() {
        var options = {
            title: 'USA City Distribution',
            legend: 'none' // Hides the Legend.
        };
 
        var dataArray = new Array(); ;
        dataArray.push(["ShipCity", "TotalOrders"]);
        dataArray.push(["Albuquerque", 18]);
        dataArray.push(["Anchorage", 10]);
        dataArray.push(["Boise", 31]);
        dataArray.push(["Elgin", 5]);
        dataArray.push(["Butte", 3]);
        dataArray.push(["Eugene", 11]);
 
        var data = google.visualization.arrayToDataTable(dataArray);
        var chart = new google.visualization.PieChart(document.getElementById("chart"));
        chart.draw(data, options);
    }
</script>
<div id="chart" style="width: 900px; height: 500px;">
</div>
 
 
Screenshot
Hide Legend in Google Charts
 
 
Demo
View Demo
 
 
Downloads
Download Code