Ctx.restore();} 10. Одна із міток тепер буде відображатися, а дві інші ще не були реалізовані. Для визначення місця розташування тексту для інших двох міток введемо наступний код (виділено чорним). switch(i) { case 0: label = "0"; ctx.textAlign = "right"; ctx.translate(margin-spacing-parseInt(labelFont), canvas.offsetWidth - margin); break; case 1: label = (highest/2).toString(); ctx.textAlign = "center";; ctx.translate(margin-spacing-parseInt(labelFont), canvas.offsetHeight /2); Break; case 2: label = (highest).toString(); ctx.textAlign = "left";; Ctx.translate(margin-spacing-parseInt(labelFont), margin); Break; 11. Збережіть і перевірте зміни у браузері. Тепер у вас є повністю функціональний графік, який змінюється від даних зразка.
Рисунок 35 – Висота колон тепер буде представлена в текстовому режимі
|
