1. アドベネック
  2. アドベネックのブログ
  3. HTML
  4. Chartist.jsがIE9で動かない時の対処法

Posted on Sep 9, 2016 by Naitou

Chartist.jsがIE9で動かない時の対処法

記事カテゴリー: HTML

グラフ描画プラグイン「Chartist.js」が、対応しているはずのIE9で動かない。そんな時の対処法です。

Chartist.jsとは

chartist_1

ページ上に簡単にグラフを描画できるプラグインです。

Chartist.js

head内でjQueryとchartist.js、chartist.cssを読み込んで
配布サイトのサンプルページにあるコードを貼って
ブラウザでグラフが描画されている事を確認して……

IE9で表示されない…?そんな時の対処法です。

原因1:IE9に対応していないグラフを使用している

Chartist.jsの中にはIE9に対応しているグラフと対応していないグラフがあります。
css3のアニメーションを使用しているグラフはアニメーションが再生されません。
SVGのアニメーションを使用しているグラフは描画されません。

IE9もターゲットブラウザとしている場合、アニメーションは諦めて、同じような形の別のグラフで描画するようにしましょう。

原因2:ファイル不足

IE9でグラフを描画しようとした時、「window.matchMedia not found!」のエラーメッセージが表示され、グラフが描画されない場合があります。
この場合はファイル不足です。

配布サイトトップページの一番下、「CROSS-BROWSER SUPPORT」という見出しの中に黄色いテキストリンクがあります。
このリンクの飛び先から「matchMedia.addListener.js」と「matchMedia.js」を入手し、head内で読み込みます。

エラーは解消され、グラフが描画されるようになります。

この記事をシェアする

このカテゴリーの一覧に戻る

内藤

この記事の投稿者

内藤Naitou

高専、専門学校卒という独学派が多いアドベネックの中で唯一コンピューター言語を学校で学んだスタッフでありながら、ペンタブレットを使ったイラスト作成なども担当できるレアキャラ。NINTENDO好き。ゲームを買って積んでおくのが趣味。

  • Ps
  • Ai
  • Dw

同じカテゴリーの投稿

最近の投稿

記事のカテゴリー

アドベネックのSNS