Jump to content

what is the best solution to make a real-time chart with PIXI.js ?


Recommended Posts

Hi all Expert,

I'm a new one to study PIXI.js. I want to make a smooth real-time line chart, like: ExpertOption: https://app.expertoption.com/

1. need to be smooth and fluently
2. need to use mouse wheel zooming, and scrolling with mouse drag
3. maybe more than 3k data point to showing


I thought about manually draw chart by pixi.graphics  and lineTo, but I worry about it is too heavy to render.

I have no idea to draw coordination and chart now. Can someone suggest me a good way to make it? or any pixi plugin or chart libraries to use?


Link to comment
Share on other sites

Zooming and scrolling is possible with https://github.com/davidfig/pixi-viewport

I have no idea to draw coordination and chart now.

Just code it with PIXI.Graphics, I dont see a problem.

As for plot line, my last plugin, https://github.com/gameofbombs/pixi-candles has Plot class. Build it, host the whole folder with http-server or something, open examples folder. However, its low-level solution for people who already know how to do everything else.


Making plots in pixijs that are smooth in both performance and quality is possible. But as with any other WebGL-solution, there are many tricks that you have to learn first.

If you say that WebGL is easy stuff, please point me to lib that does it without any problems ;) 

Also if that lib existed, do you think it would be free of charge?

Edited by ivan.popelyshev
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...