ECharts graphs and charts

# Echarts Graphics and Charts

MrDoc supports inserting Echarts graphics and charts in the Markdown editor, which are then displayed on the document page.

## Syntax

```echart
	Echart configuration options
	```

You can also directly click :fa-bar-chart: in the toolbar to quickly generate an echarts code block in the document.

![](/media//202005/2020-05-29_083502.png)

## Example

```echarts
	{
    "xAxis": {
        "type": "category",
        "data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
    },
    "yAxis": {
        "type": "value"
    },
    "series": [{
        "data": [820, 932, 901, 934, 1290, 1330, 1320],
        "type": "line"
    }]
  }
	```

The above code will display the Echart graphic shown below:

```echart
{
    "xAxis": {
        "type": "category",
        "data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
    },
    "yAxis": {
        "type": "value"
    },
    "series": [{
        "data": [820, 932, 901, 934, 1290, 1330, 1320],
        "type": "line"
    }]
}
```

## Chart Configuration Options

For specific Echarts configuration options, refer to the [Echart official examples](https://echarts.apache.org/examples/zh/index.html).

For example, in the official Echarts examples, the basic configuration options for a graphic are shown in the figure below:

![](/media//202005/2020-05-24_101437.png)

The configuration content we need is `{}` and everything between them, with all key names and strings wrapped in English double quotes:
```json
{
    "xAxis": {
        "type": "category",
        "data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
    },
    "yAxis": {
        "type": "value"
    },
    "series": [{
        "data": [820, 932, 901, 934, 1290, 1330, 1320],
        "type": "line"
    }]
}
```

## Key Points
Remember two points:

1. Be sure to modify according to the configuration file of the official Echarts examples.
2. The key names of the configuration options must be wrapped in `"` double quotes;
3. The end of the configuration options must not contain a `;` semicolon.