Qt向Javascript传递数据，js报错显示函数未定义。

向js传递一组数组，qt内的代码如下：

img

js内的函数如下：

<!DOCTYPE html>
<html lang="zh-CN" style="height: 100%">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="height: 100%; margin: 0">
    <div id="container" style="height: 100%"></div>
  <script src="qwebchannel.js"></script>
  <script type="text/javascript" src="echarts/echarts.min.js"></script>
  <script type="text/javascript" src="echarts/echarts-gl.min.js"></script>
  <script type="text/javascript">

  function showData(dataJson) {
    var dataArray = JSON.parse(dataJson);
    console.log('dataJson:', dataJson);

    var dom = document.getElementById('container');
    var myChart = echarts.init(dom, null, { renderer: 'canvas', useDirtyRect: false });
    var option = {
      tooltip: {},
      backgroundColor: '#fff',
      visualMap: {
        show: false,
        dimension: 2,
        min: 0,
        max: 3,
        inRange: {
          color: [
            '#313695',
            '#4575b4',
            '#74add1',
            '#abd9e9',
            '#e0f3f8',
            '#ffffbf',
            '#fee090',
            '#fdae61',
            '#f46d43',
            '#d73027',
            '#a50026'
          ]
        },
      },
      xAxis3D: {
        type: 'value'
      },
      yAxis3D: {
        type: 'value'
      },
      zAxis3D: {
        name: 'Intensity',
        type: 'value'
      },
      grid3D: {
      },
      series: [
        {
          type: 'surface',
          data: dataArray,
          smooth: true

        }]
    };
    myChart.setOption(option);
    window.addEventListener('resize', myChart.resize);
  }
</script>
</body>
</html>

运行，报错js: Uncaught ReferenceError: showData is not defined
已经试了多种方法，还是不行。