Ok ive fixed this by changing the fill line to fill(random(0,255));
this changes the pie chart segmants to random colours when the section is clicked.
Ideally i want to specify the colours myself as i have multiple pie charts where the second value needs to be the same colour in all charts. How would i go about doing this?

not sure what you mean...

try
fill( color (cuba[i] * 3, 110,222) );

Sorry ill try and explain myself a bit better.
I have two lists of countries down the left hand side of the page, when a country is clicked it displays the relevant pie chart on the screen. The second list of countries allows the two pie charts to be compared next to each other. There are two values in each pie chart but one of them is the same for all countries, i was wondering if its posibble to pick exactly which colour i want for each segmant to ensure i get the same colour represented on each chart.
Hope that helps, also using the above code i just get a solid pink circle :(

 

hello,

I am not sure want you want.

In your code above you loop through "cuba[]" for the chart; don't you mean "angs" there?

Does the list int[] angs = {
30, 10, 45, 35, 60, 38, 75, 67
};
vary from country to country? Then you need a approach such as

int [CountryNumber] [] angs = {
30, 10, 45, 35, 60, 38, 75, 67
};
Meaning for each country a different list? Is that what you mean?

 

Concerning colors:

I introduced a array MyCountryColors which holds static colors.

You can use them with fill and the current index of your for-loop.

Looks ok.

Did you mean this?

 

Greetings, Chris 

 

 

float diameter = min(200, 200);

int[] angs = {
  30, 10, 45, 35, 60, 38, 75, 67
};
int[] cuba = {
  188, 172
};

color[] MyCountryColors = {
  color(204, 153, 0), color(4, 153, 0), color(204, 3, 0),
  color(111, 153, 0), color(14, 15, 0), color(220, 33, 20),
  color(111, 153, 0), color(14, 15, 110), color(20, 133, 0)
}
;

float lastAng = 0.0;

void setup() {

  size (460, 500);

  rect ( 10, 10, 30, 30 );
}

void draw() {

  // Displays corresponding pie chart if mouse is pressed in certain location
  if (mousePressed && (mouseX > 10) && (mouseX < 30) &&
    (mouseY > 10) && (mouseY < 30))
  {

    /* 
     for (int i = 0; i < cuba.length; i++)
     {
     // fill(cuba[i] * 3.0);
     // fill(i * 103.0);     
     fill (MyCountryColors [i]);
     arc(300, 120, diameter, diameter, lastAng, lastAng+radians(cuba[i]));
     lastAng += radians(cuba[i]);
     }
     }
     */
    for (int i = 0; i < angs.length; i++)
    {
      // fill(cuba[i] * 3.0);
      // fill(i * 103.0);     
      fill (MyCountryColors [i]);
      arc(300, 120, diameter, diameter, lastAng, lastAng+radians(angs[i]));

      text ( str(i),
      300 + .6*diameter*cos(lastAng+radians (11) ),
      120 + .6*diameter*sin(lastAng+radians (11)));

      lastAng += radians(angs[i]);
    }
  }
}

Excellent, nice to hear that!