javascript — метка кольцевой диаграммы jqplot / цвет легенды и линия

Я работаю с пончиком jqplot, и все, кажется, работает нормально, за исключением того, что я не могу задать цвет для значения кольцевой диаграммы% и линии, которая должна связывать значение% и диаграмму. Я буду использовать снимки экрана, чтобы лучше объяснить, что я получаю в результате.

Вот как выглядит мой вывод

Используя этот код

var plot1;
var storedData;
$(document).ready(function () {
storedData = [ ['Take home pay', 44228.33], ['Tax', 8771.67], ['Super', 4162.5 ], ['Regular expenses', 0 ], ['Unallocated', 44228.33] ];
jQuery.jqplot.config.enablePlugins = false;
plot1 = $.jqplot('savings_expense', [storedData], {
seriesDefaults: {
// point markers.
seriesColors: ["#3399FF", "#F6EB0A", "#FFC000", "#92D050", "#604A7B"],
// make this a donut chart.
renderer: $.jqplot.DonutRenderer,
rendererOptions: {
// Donut's can be cut into slices like pies.
sliceMargin: 3,
// Pies and donuts can start at any arbitrary angle.
startAngle: 90,
showDataLabels: true,
highlightMouseOver : true,
dataLabelPositionFactor: 1.5,
padding: 50
}

}
});
});

Это то, чего я хочу достичь

Как вы заметите, мне нужно

1. Отображать легенду в том же цвете, что и на диаграмме
2. Строка, которая связывает текст легенды с диаграммой.

Я буду очень признателен, если смогу помочь с этим.