Ravindu89

Members
  • Content count

    21
  • Joined

  • Last visited

About Ravindu89

  • Rank
    Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. The chart that is built on PIXI had sharpness problems and those sharpness problems were solved after avoiding half-integers and linestyle alignment. But now chart has some dark spot when plotting a diversified data in a large number of a dataset and for a small dataset, can't see any dark spot on the chart. I am not sure changes that have done for solving sharpness is causing this problem. Kindly support me to solve this problem.
  2. Ravindu89

    How to improve sharpness of PIXI.Graphics

    Thank you all for supporting me, Chart blurry problem has been solved after, Added PIXI 4.8.1 lib All pixel point values were rounded to integers Setting 0 value to alignment property of PIXI.Graphics lineStyle
  3. Thank you all for supporting me, Chart blurry problem has been solved after, Added PIXI 4.8.1 lib All pixel point values were rounded to integers Setting 0 value to alignment property of PIXI.Graphics lineStyle
  4. Is there a way to on/off anti-aliasing of graphics objects manually? I am writing stock chart on top of PIXI.js and it has several shapes. If I set antialiasing property true when creating a renderer all chart shapes are antialiased (Straight shapes are also applied antialiased). Because of antialiased shapes, the chart becomes blurry. Therefore, if I have a way to on/off antialiasing each PIXI graphics objects manually I think chart will become sharp. Candle Chart - No need to be antialiased Line Chart - need to be antialiased Would like to hear any advice on the subject. Thanks in advance!
  5. Ravindu89

    How to improve sharpness of PIXI.Graphics

    @ivan.popelyshev or anyone, Kindly give me a support to get through this.
  6. Ravindu89

    How to improve sharpness of PIXI.Graphics

    You mean half odd integers should be rounded! or I think that is not an answer from me that you expected. 😊
  7. Ravindu89

    How to improve sharpness of PIXI.Graphics

    Thank you all for supporting me. As @jonforum and @ivan.popelyshev suggested, I did several changes on my project, Scale mode of PIXI is changed to NEAREST (Texts were become sharper) Used Pixi dev release Off antialiasing when creating renderer. After chart sharpness came to canvas chart level. But line chart needs antialiasing, So is there a way to on/off anti-aliasing of graphics object manually. Now chart is looking like below,
  8. I have two charts that one is used 2d canvas techniques and another one is based on WebGL (Ongoing development). Between these two charts, 2d canvas chart sharpness is far better than WebGL chart. I have done several workarounds to improve WebGL chart sharpness but still, I couldn't bring WebGL chart up to 2d canvas chart level. 2d Canvas Chart WebGL Chart Would like to hear any advice on the subject. Thanks in advance!
  9. Ravindu89

    How to apply PIXI.Filter on polygon PIXI.Graphics.

    @ivan.popelyshev Thanks for taking your valuable time to support me.
  10. Ravindu89

    How to apply PIXI.Filter on polygon PIXI.Graphics.

    I need to decorate my area chart look like below. I've tried jonforum suggestion. But it didn't work. @ivan.popelyshev Would you mind check my sample fiddle and give some suggestion to overcome this problem.
  11. Ravindu89

    How to apply PIXI.Filter on polygon PIXI.Graphics.

    Thank you, Ivan. I have done sample area chart on fiddle. Please support me. https://jsfiddle.net/ravindu89/vsvL9knj/6/
  12. Is there a way to apply PIXI.Filter on PIXI.Graphics Polygon.? When I applied a gradient filter on area chart (PIXI.Graphics Polygon), that filter was applied on some rectangular space, not on polygon shape. before applying gradient filter (Polygon is colored in blue color):- after applying gradient filter:- Would like to hear any advice on the subject. Thanks in advance!
  13. Ravindu89

    How to bind mouse click action on drawn line

    yes as you mentioned the previous post I have set this polygon as line graphics object hit area. But the bottom area of chart (outside of polygon area) is also listening to action.
  14. Ravindu89

    How to bind mouse click action on drawn line

    Thank you all for this lot of advice. I have used Ivan posted method and but still down part of the line chart is sensitive to mouse action. Attached figures are shown my implementation. (I have colored hit area polygon' outline to easy read) Hit Area polygon point array I need only outlined polygon area is sensitive to mouse action. Please support me.
  15. Ravindu89

    How to bind mouse click action on drawn line

    Thank you all for quick replies. Hi PsichiX, I have to achieve two goals, When clicking on a particular line, Double left click - open property window of that line (Need to pass some unique id with that action to identify that line) Single Right click - remove the added line (Need to pass some unique id with that action to identify that line) When hovering on a particular line, Value tooltip should be popped up. Examples how the chart looks on in that above status are shown in below.