1. 概览

  1. import plotly.express as px
  3. fig = px.line(x=["a", "b", "c"], y=[1, 3, 2], title="sample figure")
  4. print(fig)
  5. fig.show()

输出结果：

  1. Figure({
  2.     'data': [{'hovertemplate': 'x=%{x}<br>y=%{y}<extra></extra>',
  3.               'legendgroup': '',
  4.               'line': {'color': '#636efa', 'dash': 'solid'},
  5.               'mode': 'lines',
  6.               'name': '',
  7.               'orientation': 'v',
  8.               'showlegend': False,
  9.               'type': 'scatter',
  10.               'x': array(['a', 'b', 'c'], dtype=object),
  11.               'xaxis': 'x',
  12.               'y': array([1, 3, 2]),
  13.               'yaxis': 'y'}],
  14.     'layout': {'legend': {'tracegroupgap': 0},
  15.                'template': '...',
  16.                'title': {'text': 'sample figure'},
  17.                'xaxis': {'anchor': 'y', 'domain': [0.0, 1.0], 'title': {'text': 'x'}},
  18.                'yaxis': {'anchor': 'x', 'domain': [0.0, 1.0], 'title': {'text': 'y'}}}
  19. })

2. 访问数据结构

  1. import json
  2. import dash
  3. import dash_core_components as dcc
  4. import dash_html_components as html
  5. import plotly.express as px
  6. from dash.dependencies import Input, Output
  8. fig = px.line(x=["a", "b", "c"], y=[1, 3, 2], title="sample figure", height=325)
  10. app = dash.Dash(__name__)
  12. app.layout = html.Div([
  13.     dcc.Graph(id="graph", figure=fig),
  14.     html.Pre(
  15.         id="structure",
  16.         style={
  17.             "border": "thin lightgrey solid",
  18.             "overflow": "scoll",
  19.             "height": "275px"
  20.         }
  21.     )
  22. ])
  25. @app.callback(Output("structure", "children"), [Input("graph", "figure")])
  26. def display_structure(fig_json):
  27.     return json.dumps(fig_json, indent=2)
  30. app.run_server(debug=True)