input的内容传递给echarts的option，点击按钮后绘图

以下是一个简单的示例代码，可以将input框中的内容作为echarts的option传递，并在点击按钮后绘制出图表。

HTML代码：

<input type="text" id="inputOption">
<button onclick="drawChart()">绘制图表</button>
<div id="chartContainer" style="width: 600px;height:400px;"></div>

JavaScript代码：

// 获取input框中的内容
function getInputOption() {
  return JSON.parse(document.getElementById("inputOption").value);
}

// 绘制图表
function drawChart() {
  var option = getInputOption();
  var chart = echarts.init(document.getElementById("chartContainer"));
  chart.setOption(option);
}

在input框中输入echarts的option，例如：

{
    "title": {
        "text": "某站点用户访问来源",
        "subtext": "纯属虚构",
        "left": "center"
    },
    "tooltip": {
        "trigger": "item",
        "formatter": "{a} <br/>{b} : {c} ({d}%)"
    },
    "legend": {
        "orient": "vertical",
        "left": "left",
        "data": ["直接访问", "邮件营销", "联盟广告", "视频广告", "搜索引擎"]
    },
    "series": [
        {
            "name": "访问来源",
            "type": "pie",
            "radius": "55%",
            "center": ["50%", "60%"],
            "data": [
                {"value": 335, "name": "直接访问"},
                {"value": 310, "name": "邮件营销"},
                {"value": 234, "name": "联盟广告"},
                {"value": 135, "name": "视频广告"},
                {"value": 1548, "name": "搜索引擎"}
            ],
            "itemStyle": {
                "emphasis": {
                    "shadowBlur": 10,
                    "shadowOffsetX": 0,
                    "shadowColor": "rgba(0, 0, 0, 0.5)"
                }
            }
        }
    ]
}

然后点击按钮，就可以在页面上绘制出一个饼图。