I don't know if it is jQuery Flot component bug or some thing else.
I have upgrade to version 6, after that the legend area is shown in black

This was fixed by below css ( this fix was no necessary in older version)
.legendLayer .background {
fill: rgba(255, 255, 255, 0.85);
}
However, after applying this fix , the legend is displayed but the colors are not show near each data.

Here is the js:
datapie = [
{label: "Running", data: 19.5, color: '#e1ab0b'},
{label: "Stopped", data: 4.5, color: '#fe0000'},
{label: "Terminated", data: 36.6, color: '#93b40f'}
];
$.plot($("#placeholder"), datapie, {
series: {
pie: {show: true,
label: {show: true}
}
},
legend: {show: true}
});
The desired chart could be found at http://jsfiddle.net/Rnusy/11/
I don't know if it is jQuery Flot component bug or some thing else.
I have upgrade to version 6, after that the legend area is shown in black
This was fixed by below css ( this fix was no necessary in older version)
However, after applying this fix , the legend is displayed but the colors are not show near each data.
Here is the js:
The desired chart could be found at http://jsfiddle.net/Rnusy/11/