• Main content
  • Main navigation
  • Go to the bottom of the page
Hugolify

Menu

  • Documentation
    • Getting started
    • Sections
    • Taxonomies
    • Blocks
    • Shortcodes
    • CMS
  • Tutorials
  • Use Github template
  1. Home
  2. Documentation
  3. Blocks
  4. Chart

Menu

Menu

  • Getting Started
  • Sections
  • Taxonomies
  • Blocks
    • Alert
    • Audio
    • Call to action
    • Chart
      • Comparison
      • Datas
      • Editorial
      • Embed
      • FAQ
      • Figure
      • Form
      • Gallery
      • Images
      • Informations
      • Instagram
      • Latest
      • Logos
      • Map
      • Newsletter
      • Paragraph
      • Pushes
      • Quote
      • Search
      • Selected
      • Testimonials
      • Timeline
      • Title
      • Video
    • Shortcodes
    • Codes
    • CMS
    • Showcase

    Chart

    Displays a chart.

    Frontmatter

    blocks:
      - type: chart
        heading: {}
        grid: ""
        chart:
          type: ""
          title: ""
          backgroundColor: ""
          borderColor: ""
          items:
            label: ""
            value: ""
            color: ""
          data:
            json: ""
        background: false
    

    Examples

    • Demo visual renderer
    • Demo content file on Github

    Files

    • HTML file
    • SASS file
    • Decap CMS file
    • Hugolify admin file

    CMS

    • Hugolify Admin Not available
    • Hugolify Decap CMS Available
    • Hugolify Netlify CMS Available
    • Hugolify Sveltia CMS Available

    Related link

    • Chart JS docs

    Table of contents

    Table of contents

    1. Frontmatter
    2. Examples
    3. Files
    4. CMS
    5. Related link
    • Previous Documentation Call to action
    • Next Documentation Comparison
    1. Home
    2. Documentation
    3. Blocks
    4. Chart
    Hugolify

    Open-source Jamstack solution for building easily a fast, as accessible as possible and low carbon website.

    • Documentation
    • Demo
    • Github
    • Hugolify is developed by Un Cinq
    • Github
    • Linkedin
    • Twitter

    a low impact website crafted with Hugolify