—
layout: post
title: a post with echarts
date: 2024-01-26 16:03:00
description: this is what included echarts code could look like
categories: sample-posts
chart:
echarts: true
—
#
This is an example post with some echarts code.
#
````markdown
```echarts
{
“title”: {
“text”: “ECharts Getting Started Example”
},
“responsive”: true,
“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,
“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.