New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ヒートマップ+画像でリアルタイム処理した時にチラつく Eliminate flickering on the heatmap type with image. #23

Closed
toshirot opened this Issue Jun 22, 2016 · 3 comments

Comments

Projects
None yet
1 participant
@toshirot
Owner

toshirot commented Jun 22, 2016

ccchart.js のヒートマップ+画像でリアルタイム処理した時にチラつく thanx UTAANI (@utaani) さん
http://ngw.jp/~tato/wp/?p=3772#comment-6589

修正 http://jsfiddle.net/UkdvS/620/  
バグ再現 http://jsfiddle.net/UkdvS/666/

バージョンアップはあとで。

@toshirot toshirot added the bug label Jun 22, 2016

@toshirot

This comment has been minimized.

Show comment
Hide comment
@toshirot

toshirot Jun 22, 2016

Owner

実はこのちらつきは、ヒートマップ以外のリアルタイム+画像でも起きます。
それは、WebSocketによるリアルタイム表示がinitによる再起でcanvasをすべて書き換えているためです。

幸い、ヒートマップ タイプだけは、ヒートマップ専用のcanvasで再描画しているため、軸や画像などの再描画を停止しても問題が無く(寧ろ無駄がなくなる!)問題が無いため今回は対処可能だと思います。

Owner

toshirot commented Jun 22, 2016

実はこのちらつきは、ヒートマップ以外のリアルタイム+画像でも起きます。
それは、WebSocketによるリアルタイム表示がinitによる再起でcanvasをすべて書き換えているためです。

幸い、ヒートマップ タイプだけは、ヒートマップ専用のcanvasで再描画しているため、軸や画像などの再描画を停止しても問題が無く(寧ろ無駄がなくなる!)問題が無いため今回は対処可能だと思います。

@toshirot

This comment has been minimized.

Show comment
Hide comment
@toshirot

toshirot Jun 24, 2016

Owner

Eliminate flickering on the heatmap type with image.

at v1.12.4
souse: http://ccchart.org/js/ccchart-v1.12.04.js
fixed: http://jsfiddle.net/UkdvS/622/

Owner

toshirot commented Jun 24, 2016

Eliminate flickering on the heatmap type with image.

at v1.12.4
souse: http://ccchart.org/js/ccchart-v1.12.04.js
fixed: http://jsfiddle.net/UkdvS/622/

@toshirot toshirot changed the title from ヒートマップ+画像でリアルタイム処理した時にチラつく to ヒートマップ+画像でリアルタイム処理した時にチラつく Eliminate flickering on the heatmap type with image. Jun 24, 2016

@toshirot toshirot closed this Jun 26, 2016

@toshirot

This comment has been minimized.

Show comment
Hide comment
@toshirot

toshirot Oct 12, 2016

Owner

リアルタイム+画像でちらつく問題の再現
http://jsfiddle.net/UkdvS/671/

Owner

toshirot commented Oct 12, 2016

リアルタイム+画像でちらつく問題の再現
http://jsfiddle.net/UkdvS/671/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment