语法

```echarts

json代码

```

可用 echarts 源代码，标准 json 代码
不能嵌入 js 代码

示例 1

效果

{
	"title": {
        "text": "基础仪表盘示例", 
        "subtext": "纯属虚构"
    }, 
	"toolbox": {
        "show": true, 
        "feature": {
            "mark": {
                "show": true
            }, 
            "dataView": {
                "show": true, 
                "readOnly": false
            }, 
            "restore": {
                "show": true
            }, 
            "saveAsImage": {
                "show": true
            }
        }
    },  
    "tooltip": {
        "formatter": "{a} <br/>{b} : {c}%"
    }, 
    "series": [
        {
            "name": "业务指标", 
            "type": "gauge", 
            "detail": {
                "formatter": "{value}%"
            }, 
            "data": [
                {
                    "value": 50, 
                    "name": "完成率"
                }
            ]
        }
    ]
}

json

{
	"title": {
        "text": "基础仪表盘示例", 
        "subtext": "纯属虚构"
    }, 
	"toolbox": {
        "show": true, 
        "feature": {
            "mark": {
                "show": true
            }, 
            "dataView": {
                "show": true, 
                "readOnly": false
            }, 
            "restore": {
                "show": true
            }, 
            "saveAsImage": {
                "show": true
            }
        }
    },  
    "tooltip": {
        "formatter": "{a} <br/>{b} : {c}%"
    }, 
    "series": [
        {
            "name": "业务指标", 
            "type": "gauge", 
            "detail": {
                "formatter": "{value}%"
            }, 
            "data": [
                {
                    "value": 50, 
                    "name": "完成率"
                }
            ]
        }
    ]
}

上一篇 markdown 由简入繁，上手跟我做（二十五）echarts 图表 - 漏斗图
markdown 教程（目录）
下一篇 markdown 由简入繁，上手跟我做（二十七）echarts 图表 - 象形柱图