Echarts图形图表

觅思文档支持 在 Markdown 编辑器中插入 Echarts 图表图形，然后在文档页面中显示。

## 语法

```echart
	echart的配置选项
	```

你还可以直接点击工具栏中的 :fa-bar-chart: 快速在文档中生成 echarts 代码块。

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

## 示例

```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"
    }]
  }
	```

上述代码 将会显示如下所示的 Echart 图形：

```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"
    }]
}
```

## 图表配置项

具体的 Echarts 配置项可以参考 [Echart官方实例](https://echarts.apache.org/examples/zh/index.html)。

例如，在 Echarts 的官方实例中，其一个图形的基本配置项如下图所示：

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

我们需要的配置项内容为`{}`及其之间的内容，并且将所有键名和字符串使用英文双引号进行包裹：
```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"
    }]
}
```

## 要点
切记两点：

1. 务必按照 Echarts 官方实例的配置项文件进行修改。
2. 配置项的键名必须使用`"`双引号进行包裹；
3. 配置项末尾一定不要包含`;`分号。