Logo

Documentation v8.0.25

  • Charts
  • Google Charts
  • Pie Chart
Preview Purchase
Google chart tools are powerful, simple to use, and free. For more info see the official site.

Pie Chart Example

Here's an example of a Pie Chart. For more info, please visit the official website.
// GOOGLE CHARTS INIT
google.load('visualization', '1', {
    packages: ['corechart', 'bar', 'line']
});

google.setOnLoadCallback(function () {
    var data = google.visualization.arrayToDataTable([
        ['Task', 'Hours per Day'],
        ['Work', 11],
        ['Eat', 2],
        ['Commute', 2],
        ['Watch TV', 2],
        ['Sleep', 7]
    ]);

    var options = {
        title: 'My Daily Activities',
        colors: ['#fe3995', '#f6aa33', '#6e4ff5', '#2abe81', '#c7d2e7', '#593ae1']
    };

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

<div id="kt_docs_google_chart_column"></div>

Explore Metronic

Demo1

demo
Preview

Demo2

demo
Preview

Demo3

demo
Preview

Demo4

demo
Preview

Demo5

demo
Preview

Demo6

demo
Preview

Demo7

demo
Preview

Demo8

demo
Preview

Demo9

demo
Preview

Demo10

demo
Coming soon

Demo11

demo
Preview

Demo12

demo
Coming soon

Demo13

demo
Preview

Demo14

demo
Coming soon

Demo15

demo
Coming soon

Demo16

demo
Coming soon

Demo17

demo
Coming soon

Demo18

demo
Coming soon

Demo19

demo
Coming soon

Demo20

demo
Coming soon
Purchase Metronic