Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Strange Recursive code to draw chart
- function growBars() {
- var barStartX = 0;
- var barStartY = 0;
- var barHeight = 0;
- var barValue = 0;
- <!-- ********** Start Unable to understand -->
- barValue = parseInt(chartData.bars[i].value);
- barHeight = (barValue * chartHeight / maxValue) / numSteps * idxStep;
- barStartX = chartMargin + chartAxisSpace + (i * (barWidth + barMargin)) + barMargin;
- barStartY = chartMargin + (chartHeight - barHeight);
- drawBar(barStartX, barStartY, barWidth, barHeight);
- }
- if (idxStep < numSteps) {
- idxStep++;
- setTimeout('growBars()', growSpeed);
- }
- } < -- * * * * * * * * * * * * * End till here-- >
- function drawBar(barX, barY, barW, barH) {
- context.fillStyle = '#00c';
- context.fillRect(barX, barY, barW, barH);
- context.shadowOffsetX = 3;
- context.shadowOffsetY = -3;
- context.shadowBlur = 3;
- context.shadowColor = 'rgba(200, 200, 200, .3)';
- context.strokeStyle = '#000';
- context.lineWidth = 1;
- context.strokeRect(barX, barY, barW, barH);
- }
- 1. barValue = parseInt(chartData.bars[i].value);
- 2. barHeight = (barValue * chartHeight / maxValue) / numSteps * idxStep;
- 3. barStartX = chartMargin + chartAxisSpace + (i * (barWidth + barMargin)) + barMargin;
- 4. barStartY = chartMargin + (chartHeight-barHeight);
- 5. drawBar(barStartX, barStartY, barWidth, barHeight);
- function growBars() { //START OF FUNCTION
- var barStartX = 0;
- var barStartY = 0;
- var barHeight = 0;
- var barValue = 0;
- <!-- ********** Start Unable to understand -->
- barValue = parseInt(chartData.bars[i].value);
- barHeight = (barValue * chartHeight / maxValue) / numSteps * idxStep;
- barStartX = chartMargin + chartAxisSpace + (i * (barWidth + barMargin)) + barMargin;
- barStartY = chartMargin + (chartHeight - barHeight);
- drawBar(barStartX, barStartY, barWidth, barHeight);
- } //END OF FUNCTION
- if (idxStep < numSteps) { //START OF IF STATEMENT
- idxStep++;
- setTimeout('growBars()', growSpeed);
- } //END OF IF STATEMENT
- } < -- * * * * * * * * * * * * * End till here-- > // UNPAIRED CLOSE BRACKET
- function drawBar(barX, barY, barW, barH) {
- context.fillStyle = '#00c';
- context.fillRect(barX, barY, barW, barH);
- context.shadowOffsetX = 3;
- context.shadowOffsetY = -3;
- context.shadowBlur = 3;
- context.shadowColor = 'rgba(200, 200, 200, .3)';
- context.strokeStyle = '#000';
- context.lineWidth = 1;
- context.strokeRect(barX, barY, barW, barH);
- }
Add Comment
Please, Sign In to add comment