chart
  • Welcome to Chart plugin
  • How to Activate your subscription
  • How to Create your first chart
    • Create Line chart
    • Create Area chart
    • Create Stacked Area chart
    • Create Stream graph
    • Create Vertical Bar chart
    • Create Horizontal Bar chart
    • Create Grouped Bar chart
    • Create Grouped Horizontal Bar chart
    • Create Pie chart
    • Create Donut chart
    • Create Progress chart
    • Create Scatter plot
    • Create Sparkline
    • Create Candlestick chart
    • Create Histogram
    • Create Heatmap
    • Create Radar chart
    • Create Waterfall chart
    • Create Multitype chart
  • Chart Settings
  • Customer support
  • Troubleshooting guide
  • ๐Ÿ“ˆAdd data to your chart
    • From Google Sheet, CSV or custom table data
    • From API or JSON
  • ๐ŸŽจManage chart's style
    • With manual styles
    • Using a Template
  • ๐Ÿ’ Working with components
    • Use Chart with Components and Auto layout in Figma
  • โœ๏ธEdit your chart
    • How to resize chart
    • How to update chart with data from Google Sheet or API
    • How to edit data and styles of specific chart
  • ๐Ÿ‘คManage account
    • My account
    • How to upgrade to Pro or Team version
    • Refund Policy
  • Terms of Service
  • Privacy Policy
Powered by GitBook
On this page
  • Sync Chart with API
  • Upload JSON
  • What is a valid JSON

Was this helpful?

  1. Add data to your chart

From API or JSON

Use real data from local or remote JSONs (API).

PreviousFrom Google Sheet, CSV or custom table dataNextWith manual styles

Last updated 3 years ago

Was this helpful?

Sync Chart with API

If you want to use data for Chart from your REST API response go to JSON tab and click HTTPS link, your JSON must be valid. After syncing, you need to select keys, header and click Create chart. Check how it works:

Upload JSON

If you want to upload static JSON file just click Upload JSON link in the JSON tab. Youะบ JSON file must be valid.

What is a valid JSON

[
	{
		"date":"21.03",
		"price":"$120.3",
		"sales":43
	},
	{
		"date":"22.03",
		"price":"$130.4",
		"sales":40
	},
	{
		"date":"23.03",
		"price":"$70.1",
		"sales":25
	}
]
๐Ÿ“ˆ