Pie Chart Group data

36 views
Skip to first unread message

Роман Т.

unread,
Aug 26, 2016, 6:41:33 AM8/26/16
to Google Visualization API

Hello.

I can not figure out how to make the pie chart pieces moved together,  like in the second photo. First foto js code:  

  

google.charts.load("current", {packages:["corechart"]});

      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

var data = google.visualization.arrayToDataTable([

          ['Language', 'Speakers (in millions)'],

          ['Assamese', 13], ['Bengali', 83], ['Bodo', 1.4],

          ['Dogri', 2.3], ['Gujarati', 46], ['Hindi', 300],

          ['Kannada', 38], ['Kashmiri', 5.5], ['Konkani', 5],

          ['Maithili', 20], ['Malayalam', 33], ['Manipuri', 1.5],

          ['Marathi', 72], ['Nepali', 2.9], ['Oriya', 33],

          ['Punjabi', 29], ['Sanskrit', 0.01], ['Santhali', 6.5],

          ['Sindhi', 2.5], ['Tamil', 61], ['Telugu', 74], ['Urdu', 52]

        ]);


        var options = {

          title: 'Indian Language Use',

          legend: 'none',

          pieSliceText: 'label',

          slices: {  

          },

        };


        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }




I need like this:




Роман Т.

unread,
Aug 26, 2016, 6:45:45 AM8/26/16
to Google Visualization API

This is my code: 

  

google.charts.load("current", {packages:["corechart"]});

      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

var data = google.visualization.arrayToDataTable([

          ['Language', 'Speakers (in millions)'],

          ['Assamese', 13], ['Bengali', 83], ['Bodo', 1.4],

          ['Dogri', 2.3], ['Gujarati', 46], ['Hindi', 300],

          ['Kannada', 38], ['Kashmiri', 5.5], ['Konkani', 5],

          ['Maithili', 20], ['Malayalam', 33], ['Manipuri', 1.5],

          ['Marathi', 72], ['Nepali', 2.9], ['Oriya', 33],

          ['Punjabi', 29], ['Sanskrit', 0.01], ['Santhali', 6.5],

          ['Sindhi', 2.5], ['Tamil', 61], ['Telugu', 74], ['Urdu', 52]

        ]);


        var options = {

          title: 'Indian Language Use',

          legend: 'none',

          pieSliceText: 'label',

          slices: {  19: {offset: 0.3},

                    20: {offset: 0.3},

                    21: {offset: 0.3}

Reply all
Reply to author
Forward
0 new messages