Как построить половину круговой диаграммы в Jqplot

У меня есть форма примерно такая

<form>
<table>
<tr><th colspan="2">Table1 Content</th></tr>
<tr><td><div align="left">International Services</div></td><td><input type="text" name="expenditure[]"/></td></tr>
<tr><td><div align="left">Public sector debt interest</div></td><td><input type="text" name="expenditure[]"/></td></tr>
<tr><td><div align="left">Defence</div></td><td><input type="text" name="expenditure[]"/></td></tr>
</table>
<table>
<tr>
<th colspan="2">
Table2 content
</th></tr>
<tr><td><div align="left">VAT</div></td><td><input type="text" name="revenue[]"/></td></tr>
<tr>
<td><div align="left">Other taxes, royalties & adjustments</div></td><td><input type="text" name="revenue[]"/></td></tr>

<tr>
<td><div align="left">Interest and dividends</div></td><td><input type="text" name="revenue[]"/></td></tr>
<tr>
</table>
</form>

Пользователь будет вводить числа в другое текстовое поле, я должен построить круговую диаграмму, используя JqPlot, где половина круговой диаграммы должна отображать содержимое таблицы 1, а другая половина — содержимое таблицы 2

Основной скрипт для Jqplot выглядит следующим образом

<script>
$(document).ready(function(){
var data = [
['Heavy Industry', <?php echo $_POST['q_1']?>],['Retail',<?php echo $_POST['q_2']?>], ['Light Industry', <?php echo $_POST['q_3']?>],
['Out of home', <?php echo $_POST['q_4']?>],
];
var plot1 = jQuery.jqplot ('chart1', [data],
{
seriesDefaults: {
// Make this a pie chart.
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
// Put data labels on the pie slices.
// By default, labels show the percentage of the slice.
showDataLabels: true
}
},
legend: { show:true, location: 'e' }
}
);
});
</script>

Может ли кто-нибудь помочь мне с этим

Я просто хочу знать, как я буду использовать значения для построения графика на 180 градусов вместо 360 градусов

заранее спасибо

0

Решение

Проверь это,

Это своего рода взломанное решение, но вы должны получить ожидаемый результат при построении половины круговой диаграммы.

startAngle: 180

https://jsfiddle.net/96vog3h1/5/

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector