觅道文档效果示例
站点配置
觅道文档效果示例
删除线、粗体、斜体、上下标 - 觅道文档效果示例
引用文本效果
链接效果
代码块效果
代码块效果
图片和附件
列表效果
表格效果
符号和表情
科学公式
流程图
序列图
思维导图、脑图、mindmap
Echarts图形图表
音视频插入
时间线
觅道文档集成支持iceEditor富文本编辑器
Markdown文本高亮标记
本文档使用 MrDoc 发布
-
+
home page
Echarts图形图表
# Echarts图形图表 --- MrDoc觅道文档支持 在 Markdown 编辑器中插入 Echarts 图表图形,然后在文档页面中显示。 ## 语法 1. ` ```echart` 2. `echart的配置选项` 3. ` ``` ` 你还可以直接点击工具栏中的 快速在文档中生成 echarts 代码块。  ## 示例 1. ` ```echart` 2. `{` 3. `xAxis: {` 4. `type: 'category',` 5. `data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']` 6. `},` 7. `yAxis: {` 8. `type: 'value'` 9. `},` 10. `series: [{` 11. `data: [820, 932, 901, 934, 1290, 1330, 1320],` 12. `type: 'line'` 13. `}]` 14. `}` 15. ` ``` ` 上述代码 将会显示如下所示的 Echart 图形: 03006009001,2001,500MonTueWedThuFriSatSun ## 图表配置项 具体的 Echarts 配置项可以参考 [Echart官方实例](https://echarts.apache.org/examples/zh/index.html)。 例如,在 Echarts 的官方实例中,其一个图形的基本配置项如下图所示:  我们需要的配置项内容为`{}`及其之间的内容: 1. `{` 2. `xAxis: {` 3. `type: 'category',` 4. `data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']` 5. `},` 6. `yAxis: {` 7. `type: 'value'` 8. `},` 9. `series: [{` 10. `data: [820, 932, 901, 934, 1290, 1330, 1320],` 11. `type: 'line'` 12. `}]` 13. `}` 切记两点: 1. 务必按照 Echarts 官方实例的配置项文件进行修改。 2. 配置项末尾一定不要包含`;`分号。 ---
似最初
May 23, 2021, 12:16 a.m.
转发文档
Collection documents
Last
Next
手机扫码
Copy link
手机扫一扫转发分享
Copy link
Markdown文件
share
link
type
password
Update password