記事一覧
好きな画像でラクにグラフ化するJS
前の記事で「できるだけラクにグラフ化するJS」なるものを公開しましたが、基本の仕組みを流用してもうひとつJavaScriptを作ってみました。
グラフの棒部分に好きな画像を好きなカラーで使うことができます。
※本記事サンプル内のアイコンはFont Awesomeのフリーアイコンを使っています。
こんなHTMLがあるとして…
<dl class="my-chart2"> <dt>50代以
できるだけラクにグラフ化するJS ver.2
先日公開した「できるだけラクにグラフ化するJS」の第2弾がほぼ完成間近になったころ、ふとあることが頭をよぎりました。
「カラーはCSSで変えられるようにした方が良いのでは…?」
つまり、
functionの引数でしか指定できない
→独自仕様なので使い方を把握しないといけない
CSSで指定できる
→どのプロパティに設定するか把握できれば使える
と思ったわけです。
見た目に関する部分は
できるだけラクにグラフ化するJS
これは先日、仕事の合間に衝動に駆られて勢いで作ったJavaScriptなんですが、実用を想定した仕様にするというお題を自分に課して組み直したものです。
デザイナーにとって扱いやすいツールをカタチにしていきたいと常々思っていたこともあり、せっかくなのでご紹介してみることにしました。
こんなHTMLがあるとして…
<dl class="my-chart1"> <dt>アップルパイ</dt>