はてなブックマーク

vue-chartjsの公式ドキュメントには、Vue.jsで使うための必要最低限の情報しかないため、 グラフについて詳しく知りたい場合はChart.jsの公式ドキュメントを調べましょう。 グラフ描画 グラフ描画は簡単です。データを定義、もしくはAPIで取得するなどしてrenderChart()するだけ。 <script> import { Bar } from 'vue-chartjs'; export default { extends: Bar, name: 'chart', data () { return { data: { labels: ['January', 'February', 'March', 'April', 'May', 'June'], datasets: [ { label: 'Bar Dataset', data: [10, 20, 30, 40, 50, 3

javascriptにおける郵便番号からの住所自動入力で有名なライブラリにajaxzip3がある。 今はさらに使いやすくなってYubinBangoというライブラリがある。 これは非常に簡単便利 しかし、今回取り上げるのはYubinBangoではなく、 そのコアライブラリであるYubinBango-Coreのほう。 ajaxzip3もYubinBangoも内部ではYubinBango-Coreを使っている。 何故YubinBango-Coreなのかというと、 今回、Vue.jsで作ったフロントで住所を自動入力出来るようにしたのだが、 YubinBangoは単体で使われることを想定されていて、Vue.jsからは使いづらい。 具体的にはinputのvalueは変わっても、inputに関連付けられたVue.js内のデータは変わらないんですね。上っ面だけ値が変わっても意味がない。 というわけでVue