use variables in Google Chart Options Javascript

Question

I have created a Google Pie Chart using the following code:

var data = google.visualization.arrayToDataTable(array);
var options = {
  title: 'Meta Share',
      is3D: true,
      sliceVisibilityThreshold: .04,
      slices: {  6 : {offset: 0.2},
      },
    };

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

I want to select a slice of the pie chart dynamically depending on what my user is doing. I now have the following code:

var slice = 8;

I would now like to use this variable in the above code, however; replacing the '6' with the variable 'slice' does not work.

Any suggestions? :)

adeneo · Accepted Answer · 2016-10-15 10:42:53Z

1

You can't use variables as keys in object literals, you'd have to first create the object, then use brackets to use the variable as a key

var slice  = 8;
var slices = {};

slices[slice] = {offset: 0.2};

var data = google.visualization.arrayToDataTable(array);
var options = {
    title  : 'Meta Share',
    is3D   : true,
    sliceVisibilityThreshold : .04,
    slices : slices
};

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

answered Oct 15, 2016 at 10:42

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Andreas Over a year ago

Or with calculated property names: var slice = 8, slices = { [slice]: { offset: 0.2 } }

adeneo Over a year ago

@Andreas - yeah, I love those, but they currently only work in Chrome and FF.

Collectives™ on Stack Overflow

use variables in Google Chart Options Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related