How to bind every tick data to my html page?

kaveri

hello,

i have write code to get data from websocket from live market. on_tick() i got tick data perfectly.
But as i am new i don't have any idea how to pass tick by tick data my .html page.

kws = ws(api_key,access_token,user_id)
def on_tick(tick,ws):
    print tick
    #here i want to send this to to my index.html page

def on_connect(ws):
    ws.subscribe([XXXXXX])
        
kws.on_tick = on_tick
x = on_tick
kws.on_connect = on_connect
kws.connect()

help me with this.

Thank you.

sujith

Hi @kaveri,
Are you developing a platform?

kaveri

@sujith i am not developing a platform but try to develop single HTML page to watch streaming data.

Vivek

@kaveri You can use this pure JS implementation of ticker to get ticks in frontend - https://gist.github.com/ajinasokan/b36d17da1a58af62782978c16bca309a

kaveri

@Vivek thank you for this quite good demostration but what i actually try to do is tick data comes in python file and that tick i want to bind with html page. for e.g. when i get first tick it automatically reflect on html page without reloading page after second tick comes same way it reflect on html page without reload.

I got tick by tick data but i am helpless at passing tick from on_tick(ws,tick) to html.

Vivek

You don't need to have Python client for this to work since Ticker protocol is implemented in JS only here and you can directly embed to your web pages. Btw this is how ticks are received and shown in Kite web currently.

sanampatel

I created simple HTML file which use KiteConnect JS and jQuery to update data on page.

https://github.com/sanampatel/kiteconnectjs/blob/master/index.html