『ドラゴンクエストⅪ』を、嫁の分も合わせて2本予約をした kouraku です。 『GUNDAM VERSUS』は7月6日発売、そして『ドラゴンクエストⅪ』は7月29日発売・・・ 今からこの怒涛の7月をどう乗りこなすか、悩み事は尽きませんね。 さて今回は、前回作成したドーナツグラフを元に、更に応用してタイマー機能を作っちゃおう! という内容をメモメモ。 【前回の記事】 【この記事で必要な知識】 HTML/CSS JavaScript jQuery 前回のおさらい 前回作成したドーナツグラフは、以下のようなものでした。 今回は、このサンプルを元にタイマー機能を作ります。 タイマー用にHTMLを変更する まずはHTMLを少しだけ変更します。 [pug] .wrap #container .count-wrap .num 60 ドーナツグラフを表示させる #container を .wrap で
![Highcharts.jsでドーナツグラフを表示させたい!ーその3.タイマー機能を作る | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a7c7828e73c1691039a9aa0dce7f4c767e36c92/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_javascript.png)