向js传递一组数组,qt内的代码如下:
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
已经试了多种方法,还是不行。