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

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

Projects

None yet

1 participant

@toshirot
Owner
toshirot commented Jun 22, 2016 edited

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
Owner

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

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

@toshirot
Owner
toshirot commented Jun 24, 2016 edited

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
Owner

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

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