↑こちらのようにchromeでのみテキストにシャドウがついたような状態になってしまいます。
レーダーチャート自体は提示出来ません。
IE・Edge・firefoxで検証した結果、こちらでは問題ありませんでした。
cssでシャドウの指定等が影響していないか調べましたが、こちらの影響はありませんでした。
スマートフォン版では上記の現象は見られませんでした。
※最近まではchromeでも問題はありませんでした。
html
1<div class="radar" data-scores="" data-labels="評価,テスト,テスト,テスト,テスト," data-caption=""> 2<iframe class="test" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe> 3<canvas height="300" width="300" style="display: block; width: 300px; height: 300px;"></canvas> 4</div>
こちらが現在のhtml構造です。
何か良い解決方法がありましたらよろしくお願い致します。