Question

我遇到PyQt /它的Webview问题。困扰我的代码应该渲染图表，但事实并非如此。我正在使用Highcharts框架并提供通过Python呈现图表的javascript函数的数据。我还检查webview是否准备就绪，因为这是我之前的错误。有问题的代码看起来像这样：

command = ('loadPinch(' + str(random.sample(range(10000), 1000)) +
            ', ' + str(['2009', '01', '01']) + ');')
self.webview.page().mainFrame().evaluateJavaScript("""
        var readyStateCheckInterval = setInterval(function() {
            if(document.readyState === 'complete'){ """ +
                command + """
                clearInterval(readyStateCheckInterval);
            }
        }, 10);""")

loadPinch是一个JavaScript函数，看起来与此类似（后者看起来类似于Highcharts示例图）：

    function loadPinch(data, date){
    $('#container').highcharts({
        chart: {
            zoomType: 'x',
            spacingRight: 20
        },
        title: {text: 'Twitter Trends'},
        subtitle: {
            text: document.ontouchstart === undefined ?
                'Click and drag in the plot area to zoom in' :
                'Pinch the chart to zoom in'
        },
        xAxis: {
            type: 'datetime',
            maxZoom: 10 * 24 * 3600000,
            title: {text: null}
        },
        yAxis: {
            title: {text: 'Occurence'}
        },
        tooltip: {shared: true},
        legend: {enabled: false},
        plotOptions: {
            area: {
                fillColor: {
                    linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1},
                    stops: [
                        [0, Highcharts.getOptions().colors[0]],
                        [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                    ]
                },
                lineWidth: 1,
                marker: {enabled: false},
                shadow: false,
                states: {hover: {lineWidth: 1}},
                threshold: null
            }
        },
        series: [{
            type: 'area',
            name: 'Twitter Trend',
            pointInterval: 24 * 3600 * 1000,
            pointStart: Date.UTC(date[0], date[1], date[2]),
            data: data
        }]
    });
};

我可能会告诉你，如果我打印命令我将evaluateJavaScript处理到控制台而不是执行它并将其粘贴到开发人员控制台，它会按预期执行并呈现图表，这使我相信那里是某种我无法追查的竞争条件。

有人知道可能出现什么问题吗？

此致卡森

注意：问题仍然存在。

Answer 1

我最终找到了我的修复;我用JS的方式想太多了。

QT中有一个信号在页面加载完成时发出，称为loadFinished()。通过将此信号绑定到我执行调用evaluateJavascript(command)的我的插槽，图表已加载。似乎Qts webview在页面尚未完成加载时执行Javascript时出现问题。

无论如何，这就是代码的样子（简化）：

class something():
    def __init__(self):
        self.webview = QtWebkitWidgets.QWebView()
        self._myBindingFunction()

    def _myBindingFunction(self):
        self.webview.loadFinished.connect(self._plot)

    def _plot(self):
        command = ('loadPinch(' + str(random.sample(range(10000), 1000)) +
                   ', ' + str(['2009', '01', '01']) + ');')
        self.webview.page().mainFrame().evaluateJavaScript(command)

注意这简化了JS代码;我不必检查已加载的站点，因为在发出信号后，它必须准备就绪。

向Pawel Fus致敬，但要引导我走上正轨。我已经放弃了。

在PyQt中evaluateJavaScript - 不调用函数

1 个答案: