if True:
    import sys
    sys.path.append('../..')
    import dash
    import json
    import numpy as np
    from dash import html
    import feffery_antd_charts as fact
    from dash.dependencies import Input, Output

app = dash.Dash(__name__)

mock_data = [
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-13",
        "close": 2906.0735,
        "open": 2927.1443,
        "high": 2935.406,
        "low": 2901.2425,
        "vol": 274804844,
        "amount": 334526327.4
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-14",
        "close": 2917.0077,
        "open": 2899.8659,
        "high": 2926.9427,
        "low": 2899.5739,
        "vol": 250650627,
        "amount": 308080368.7
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-17",
        "close": 2983.6224,
        "open": 2924.9913,
        "high": 2983.6371,
        "low": 2924.9913,
        "vol": 313198007,
        "amount": 367014340.1
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-18",
        "close": 2984.9716,
        "open": 2981.4097,
        "high": 2990.6003,
        "low": 2960.7751,
        "vol": 311665913,
        "amount": 374998562.6
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-19",
        "close": 2975.4019,
        "open": 2979.5223,
        "high": 2998.2718,
        "low": 2971.8219,
        "vol": 315141151,
        "amount": 381331160.4
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-20",
        "close": 3030.1542,
        "open": 2981.8802,
        "high": 3031.3706,
        "low": 2968.4451,
        "vol": 345732881,
        "amount": 413761364.1
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-21",
        "close": 3039.6692,
        "open": 3022.2455,
        "high": 3058.898,
        "low": 3020.141,
        "vol": 364557276,
        "amount": 445062076.7
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-24",
        "close": 3031.2333,
        "open": 3027.8925,
        "high": 3042.1821,
        "low": 3007.3557,
        "vol": 370430044,
        "amount": 451601363.1
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-25",
        "close": 3013.0501,
        "open": 2982.0696,
        "high": 3016.9458,
        "low": 2943.7168,
        "vol": 441622762,
        "amount": 513128644.6
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-26",
        "close": 2987.9287,
        "open": 2978.4195,
        "high": 3028.7788,
        "low": 2974.9423,
        "vol": 469049552,
        "amount": 495341447.3
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-27",
        "close": 2991.3288,
        "open": 2992.4919,
        "high": 3009.4575,
        "low": 2980.4774,
        "vol": 350523658,
        "amount": 395955641.5
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-02-28",
        "close": 2880.3038,
        "open": 2924.6407,
        "high": 2948.1261,
        "low": 2878.5443,
        "vol": 401216914,
        "amount": 432657775
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-02",
        "close": 2970.9312,
        "open": 2899.31,
        "high": 2982.5068,
        "low": 2899.31,
        "vol": 367333369,
        "amount": 397244201.2
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-03",
        "close": 2992.8968,
        "open": 3006.8888,
        "high": 3026.842,
        "low": 2976.623,
        "vol": 410108047,
        "amount": 447053681.5
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-04",
        "close": 3011.6657,
        "open": 2981.806,
        "high": 3012.0035,
        "low": 2974.3583,
        "vol": 353338278,
        "amount": 389893917.5
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-05",
        "close": 3071.6771,
        "open": 3036.1545,
        "high": 3074.2571,
        "low": 3022.9262,
        "vol": 445425806,
        "amount": 482770471.4
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-06",
        "close": 3034.5113,
        "open": 3039.9395,
        "high": 3052.4439,
        "low": 3029.4632,
        "vol": 362061533,
        "amount": 377388542.7
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-09",
        "close": 2943.2907,
        "open": 2987.1805,
        "high": 2989.2051,
        "low": 2940.7138,
        "vol": 414560736,
        "amount": 438143854.6
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-10",
        "close": 2996.7618,
        "open": 2918.9347,
        "high": 3000.2963,
        "low": 2904.7989,
        "vol": 393296648,
        "amount": 425017184.8
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-11",
        "close": 2968.5174,
        "open": 3001.7616,
        "high": 3010.0286,
        "low": 2968.5174,
        "vol": 352470970,
        "amount": 378766619
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-12",
        "close": 2923.4856,
        "open": 2936.0163,
        "high": 2944.4651,
        "low": 2906.2838,
        "vol": 307778457,
        "amount": 328209202.4
    },
    {
        "ts_code": "000001.SH",
        "trade_date": "2020-03-13",
        "close": 2887.4265,
        "open": 2804.2322,
        "high": 2910.8812,
        "low": 2799.9841,
        "vol": 366450436,
        "amount": 393019665.2
    }
]

app.layout = html.Div(
    [
        html.Div(
            fact.AntdStock(
                id='stock-demo',
                data=mock_data,
                xField='trade_date',
                yField=['open', 'close', 'high', 'low'],
                slider={}
            ),
            style={
                'height': '400px'
            }
        ),
        html.Pre(
            id='output'
        )
    ],
    style={
        'padding': '50px 150px'
    }
)


@app.callback(
    Output('output', 'children'),
    [Input('stock-demo', 'recentlyTooltipChangeRecord'),
     Input('stock-demo', 'recentlyAreaClickRecord'),
     Input('stock-demo', 'recentlyLegendInfo')]
)
def demo(recentlyTooltipChangeRecord,
         recentlyAreaClickRecord,
         recentlyLegendInfo):

    return json.dumps(
        dict(
            recentlyTooltipChangeRecord=recentlyTooltipChangeRecord,
            recentlyAreaClickRecord=recentlyAreaClickRecord,
            recentlyLegendInfo=recentlyLegendInfo
        ),
        indent=4,
        ensure_ascii=False
    )


if __name__ == '__main__':
    app.run(debug=True)