4f6fe1a2cf
Since I added support for chart.js and while doing so found some other wonderful charting libraries, I thought, why not give support to some more? So adding support to [Apache Echarts](https://echarts.apache.org/en/index.html).   --------- Signed-off-by: George Araújo <george.gcac@gmail.com>
69 lines
1.3 KiB
Markdown
69 lines
1.3 KiB
Markdown
---
|
|
layout: post
|
|
title: a post with echarts
|
|
date: 2024-01-26 16:03:00
|
|
description: this is what included echarts code could look like
|
|
tags: formatting charts
|
|
categories: sample-posts
|
|
chart:
|
|
echarts: true
|
|
---
|
|
|
|
This is an example post with some [echarts](https://echarts.apache.org/) code.
|
|
|
|
````markdown
|
|
```echarts
|
|
{
|
|
"title": {
|
|
"text": "ECharts Getting Started Example"
|
|
},
|
|
"responsive": true,
|
|
"tooltip": {},
|
|
"legend": {
|
|
"top": "30px",
|
|
"data": ["sales"]
|
|
},
|
|
"xAxis": {
|
|
"data": ["Shirts", "Cardigans", "Chiffons", "Pants", "Heels", "Socks"]
|
|
},
|
|
"yAxis": {},
|
|
"series": [
|
|
{
|
|
"name": "sales",
|
|
"type": "bar",
|
|
"data": [5, 20, 36, 10, 10, 20]
|
|
}
|
|
]
|
|
}
|
|
```
|
|
````
|
|
|
|
Which generates:
|
|
|
|
```echarts
|
|
{
|
|
"title": {
|
|
"text": "ECharts Getting Started Example"
|
|
},
|
|
"responsive": true,
|
|
"tooltip": {},
|
|
"legend": {
|
|
"top": "30px",
|
|
"data": ["sales"]
|
|
},
|
|
"xAxis": {
|
|
"data": ["Shirts", "Cardigans", "Chiffons", "Pants", "Heels", "Socks"]
|
|
},
|
|
"yAxis": {},
|
|
"series": [
|
|
{
|
|
"name": "sales",
|
|
"type": "bar",
|
|
"data": [5, 20, 36, 10, 10, 20]
|
|
}
|
|
]
|
|
}
|
|
```
|
|
|
|
Note that this library offer support for both light and dark themes. You can switch between them using the theme switcher in the top right corner of the page.
|