Skip to main content

Chart

Published:

Series: Shortcodes

  1. 1. Writing
  2. 2. Media and Content Embeddings
  3. 3. Math
  4. 4. Chart
  5. 5. Mermaid

Chart

chart uses the Apache ECharts to embed charts into articles. It supports a vast range of official examples.

Note

The chart shortcode places your code directly into a <script> tag. To ensure compatibility:

  • Variable Naming: The code must define an option variable as the configuration object.
  • Extensions: Extensions such as ecStat, echarts-gl, or echarts-liquidfill are not built-in. Examples requiring these will not function.
  • Data Sources: Examples using fetch or $.get require data sources that support CORS.

Line Chart

Basic Line Chart

Distribution of Electricity

Pie Chart

Referer of a Website

Scatter

Basic Scatter Chart

Bubble Chart

Boxplot

Boxplot Light Velocity

Series: Shortcodes

  1. 1. Writing
  2. 2. Media and Content Embeddings
  3. 3. Math
  4. 4. Chart
  5. 5. Mermaid