{
    "type": "page",
    "cssVars": {
        "--Form-input-paddingY": "0.25rem"
    },
    "title": "ECharts 图表可视化编辑，用于演示如何基于 amis 将任意 json 配置改造成可视化编辑，这个例子无法复制配置，实现方式请在源码中寻找",
    "data": {
        "config": {
            "title": {
                "text": "未来一周气温变化",
                "subtext": "纯属虚构"
            },
            "tooltip": {
                "trigger": "axis"
            },
            "legend": {
                "data": [
                    "最高气温",
                    "最低气温"
                ]
            },
            "toolbox": {
                "show": true,
                "feature": {
                    "mark": {
                        "show": true
                    },
                    "dataView": {
                        "show": true,
                        "readOnly": true
                    },
                    "magicType": {
                        "show": false,
                        "type": [
                            "line",
                            "bar"
                        ]
                    },
                    "restore": {
                        "show": true
                    },
                    "saveAsImage": {
                        "show": true
                    }
                }
            },
            "calculable": true,
            "xAxis": [
                {
                    "type": "category",
                    "boundaryGap": false,
                    "data": [
                        "周一",
                        "周二",
                        "周三",
                        "周四",
                        "周五",
                        "周六",
                        "周日"
                    ]
                }
            ],
            "yAxis": [
                {
                    "type": "value",
                    "name": "°C"
                }
            ],
            "series": [
                {
                    "name": "最高气温",
                    "type": "line",
                    "data": [
                        11,
                        11,
                        15,
                        13,
                        12,
                        13,
                        10
                    ]
                },
                {
                    "name": "最低气温",
                    "type": "line",
                    "data": [
                        1,
                        -2,
                        2,
                        5,
                        3,
                        2,
                        0
                    ]
                }
            ]
        }
    },
    "body": [
        {
            "type": "form",
            "title": "",
            "controls": [
                {
                    "type": "grid",
                    "columns": [
                        {
                            "sm": 12,
                            "md": 5,
                            "columnClassName": "pl-1 pr-0.5",
                            "controls": [
                                {
                                    "type": "chart",
                                    "source": "${config}",
                                    "replaceChartOption": true,
                                    "unMountOnHidden": false
                                },
                                {
                                    "type": "editor",
                                    "name": "config",
                                    "language": "json",
                                    "disabled": true,
                                    "options": {
                                        "lineNumbers": "off"
                                    },
                                    "source": "${config}"
                                }
                            ]
                        },
                        {
                            "sm": 12,
                            "md": 7,
                            "columnClassName": "pl-0.5 pr-1",
                            "controls": [
                                {}
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}