View reading-notes on GitHub

the full script for charts is concluded here: <!DOCTYPE html>

Chart.js demo

====================

  • The element has two attribute : width and height that can control the size of chart in html without return to css.
  • The element can be styled just like any normal image (margin, border, background…).
  • it is closing tag.
  • // these all set the fillStyle to ‘orange’

ctx.fillStyle = ‘orange’; ctx.fillStyle = ‘#FFA500’; ctx.fillStyle = ‘rgb(255, 165, 0)’; ctx.fillStyle = ‘rgba(255, 165, 0, 1)’;

  • ctx.fillText(‘Hello world’, 10, 50);