ghaum
یک شنبه 16 اردیبهشت 1397, 22:39 عصر
<script src='http://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js'></script>
<script>
var nemoodar = [
{
value: 20,
color:"#878BB6"
},
{
value : 40,
color : "#4ACAB4"
},
{
value : 10,
color : "#FF8153"
},
{
value : 15,
color : "#FFEA89"
},
{
value : 10,
color : "#FFEB55"
},
{
value : 5,
color : "#00EB55"
}
];
</script>
<body>
<canvas id="jquery" width="600" height="400"></canvas>
<script>
var jquery = document.getElementById('jquery').getContext('2d') ;
new Chart(jquery).Pie(nemoodar);
</script>
این کد یک نمودار دایره ای را رسم می کنه.
می شه این کد را داینامیک کرد ؟
یعنی بشه از طریق یک فرم تعداد قطعه های دایره و اندازه های آن را به این اسکریپت فرستاد و بعد نمودار دایره ای رسم بشه؟
<script>
var nemoodar = [
{
value: 20,
color:"#878BB6"
},
{
value : 40,
color : "#4ACAB4"
},
{
value : 10,
color : "#FF8153"
},
{
value : 15,
color : "#FFEA89"
},
{
value : 10,
color : "#FFEB55"
},
{
value : 5,
color : "#00EB55"
}
];
</script>
<body>
<canvas id="jquery" width="600" height="400"></canvas>
<script>
var jquery = document.getElementById('jquery').getContext('2d') ;
new Chart(jquery).Pie(nemoodar);
</script>
این کد یک نمودار دایره ای را رسم می کنه.
می شه این کد را داینامیک کرد ؟
یعنی بشه از طریق یک فرم تعداد قطعه های دایره و اندازه های آن را به این اسکریپت فرستاد و بعد نمودار دایره ای رسم بشه؟