1

cefpython3 内にオフラインのプロットチャートを埋め込む例を探しています。cefpython3 がこのようなプロジェクト用に構築されていることは私の理解です。ただし、plotly を使用して例を特定することに成功していません。これは、python を初めて使用する場合に役立ちます。価値があるので、私が試したことを提供します：

以下の私のコードは、https: //dash.plotly.com/layout の例の plotly チャートと、ここにある cefpython の hello_world.py の例を組み合わせようとする試みを示しています: https://github.com/cztomczak/cefpython/blob /master/examples/hello_world.py

ダッシュテスト.py

from cefpython3 import cefpython as cef
import platform
import sys
#dash (plotly)---------------------
import dash
from dash import dcc
from dash import html
import plotly.express as px
import pandas as pd
#---------------------------------

def main():
    check_versions()
    sys.excepthook = cef.ExceptHook  # To shutdown all CEF processes on error
    cef.Initialize()
    cef.CreateBrowserSync(url="http://127.0.0.1:8050/",
                          window_title="Test")
    DashApp()
    cef.MessageLoop()
    cef.Shutdown()

def check_versions():
    ver = cef.GetVersion()
    print("[dashtest.py] CEF Python {ver}".format(ver=ver["version"]))
    print("[dashtest.py] Chromium {ver}".format(ver=ver["chrome_version"]))
    print("[dashtest.py] CEF {ver}".format(ver=ver["cef_version"]))
    print("[dashtest.py] Python {ver} {arch}".format(
           ver=platform.python_version(),
           arch=platform.architecture()[0]))
    assert cef.__version__ >= "57.0", "CEF Python v57.0+ required to run this"


def DashApp():
    app = dash.Dash()

    # assume you have a "long-form" data frame
    # see https://plotly.com/python/px-arguments/ for more options
    df = pd.DataFrame({
        "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"],
        "Amount": [4, 1, 2, 2, 4, 5],
        "City": ["SF", "SF", "SF", "Montreal", "Montreal", "Montreal"]
    })

    fig = px.bar(df, x="Fruit", y="Amount", color="City", barmode="group")

    app.layout = html.Div(children=[
        html.H1(children='Hello Dash'),

        html.Div(children='''
            Dash: A web application framework for your data.
        '''),

        dcc.Graph(
            id='example-graph',
            figure=fig
        )
    ])

    app.run_server(debug=False)

if __name__ == '__main__':
    main()

コマンドプロンプトのデバッグ出力は次のとおりです。

[dashtest.py] CEF Python 66.1
[dashtest.py] Chromium 66.0.3359.181
[dashtest.py] CEF 3.3359.1774.gd49d25f
[dashtest.py] Python 3.9.6 64bit

DevTools listening on ws://127.0.0.1:55905/devtools/browser/3e64411d-3a5b-4493-be7b-c12e8498e125
Dash is running on http://127.0.0.1:8050/

 * Serving Flask app 'dashtest' (lazy loading)
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://127.0.0.1:8050/ (Press CTRL+C to quit)

デバッグ作業を通じて、別の CMD ウィンドウで最初に plotly スクリプトを実行すると、cefpython3 に plotly の localhost ページをロードさせることができることがわかりました。ただし、このセットアップでは、どちらか一方のみが実行されますが、1 つのスクリプトで両方が同時に実行されることはありません。

plotly サーバーを起動するにはどうすればよいですか。単一のアプリケーションとして cefpython を実行しますか? 最終的には、データを読み書きし、グラフを更新することになるからです。

何よりも、私はこれを完全に間違った方法で行っている可能性があります。うまくいけば、ここで基本的なステップを見落としているだけです。ご覧いただきありがとうございます。

4

1 に答える 1