Данные динамической диаграммы в Javascript и PHP

Следующий код представляет данные, которые будут показаны в визуализации круговой диаграммы в javascript.

<script type="text/javascript"> var agg = { label: 'Aggressive', pct: [60, 10, 6, 30, 14, 10] }, bal = { label: 'Balanced', pct: [24, 7, 2, 18, 13, 36] }, mod = { label: 'Moderate', pct: [12, 4, 2, 10, 11, 61] }, inc = { label: 'Income', pct: [ 0, 0, 0, 0, 0,100] }, </script> 

Я хотел бы иметь значения pct как переменные php и не фиксироваться, как в приведенном выше коде. Как мне это сделать?

Я хотел бы иметь его как var agg = <?php echo json_encode($data); ?>; var agg = <?php echo json_encode($data); ?>;

$ data – переменная php

Я хотел бы иметь его, как в ответе, найденном по: Динамическая структура дерева Javascript

Второй ответ на вышеупомянутый связанный вопрос с var treeData и функцией toTree выглядит точно так же, как я хочу. Но как мне применить этот код и функции к моей круговой диаграмме?

Я хотел бы сделать массив pct из 6 значений динамическим через переменную php или php-массив или json-код.

Вместо pct: [60, 10, 6, 30, 14, 10] как было показано выше, я хотел бы сделать каждое из 6 значений переменной php. Например: pct: [$ r1, $ r2, $ r3, $ r4, $ r5, $ r6]. Как мне это сделать?

Код, с которым я работаю, можно найти по адресу http://jsfiddle.net/MX7JC/9/

Могу ли я использовать петлю или рекурсивную функцию для заполнения данных круговой диаграммы?