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. Строка, которая связывает текст легенды с графиком.

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