The release of Chart.js 2.0.0 adds many new features over version 1. Documentation is available at http://nnnick.github.io/Chart.js/docs-v2/ Major new features Charts that combine visual types such as bars and lines Chart titles Built-in legends that are interactive by default New scale types including native logarithmic and time/date support Multiple X and Y axes are supported Stacked bar and are
前回に引き続き、Chart.jsのTipsです。 Chart.jsを使いグラフを表示してみる 今回はAngular.jsとChart.jsを組み合わせて、動的に値が変化するグラフを作ります。 Angular.jsの基本的な使い方は割愛します。 ちなみに今回使用するバージョンは下記のとおりです。 Angular JS v1.4.9 Chart.js v1.0.2 Angular.jsでフォームをバインドする まずはangular.min.jsを下記サイトよりダウンロードしてきましょう。 Angular JS CDNにも公開されていますが、セキュリティ面で外部ソースを引っ張るのはあまり良くないとのことですのでダウンロード版を使いましょう。 (今回のデモを作る程度でしたら、CDNでも問題ありません。) コントローラー&フォームバインドの簡単なコードが下記です。 <!DOCTYPE html> <
Arduino で超音波距離センサ(SRF02)を読んで Mac や Raspberry Pi から MQTT で Sango に publish して、websocket で Chart.js に描画したり、PC で excel に出力したりしたメモArduinoRaspberryPimqttpahosango 概要 登場する要素を全部羅列したら日本語としてとても読むに耐えないタイトルになってしまいましたことをお詫びいたします。基本的に自分への備忘録としての性格のドキュメントなのですが、どなたかのご参考になることもあるかと存じ、僭越ながらここにメモを残させていただきました次第にございますれば、記述内容のおかしい所や効率的でない箇所などのご指摘をいただけましたら恐縮至極でございます。 システム構成を図示すると以下になります センサー側の実装 図の左下緑色の丸のLAN。この LAN の中でセ
Arduino で超音波距離センサ(SRF02)を読んで Mac や Raspberry Pi から MQTT で Sango に publish して、websocket で Chart.js に描画したり、PC で excel に出力したりしたメモArduinoRaspberryPimqttpahosango 概要 登場する要素を全部羅列したら日本語としてとても読むに耐えないタイトルになってしまいましたことをお詫びいたします。基本的に自分への備忘録としての性格のドキュメントなのですが、どなたかのご参考になることもあるかと存じ、僭越ながらここにメモを残させていただきました次第にございますれば、記述内容のおかしい所や効率的でない箇所などのご指摘をいただけましたら恐縮至極でございます。 システム構成を図示すると以下になります センサー側の実装 図の左下緑色の丸のLAN。この LAN の中でセ
やばい、こいつ可愛い。使い方もむっちゃ簡単でこんなcoolなチャートが出来るなんて。ポートフォリオにも、情報を説明する時にも、どんな時にでも役に立つ事間違いなし!開発者に感謝しつつ、そんな「Chart.js」を紹介していきたいと思います! Chart.jsとは? デザイナーや開発者がの簡単にグラフを表示出来るjsで、表示方法はHTML5のcanvasを利用して表示させます。コード的にはオブジェクト指向のコードで誰でも簡単に編集でき表示ができるようになっています。 詳しくは本家サイトへ Chart.js Chart.js・ドキュメント 目次に戻る こんな感じのチャートが作れます 目次に戻る Chart.jsの実装方法 初めにChart.jsをダウンロードしよう Chart.js に行き、赤枠に囲ってある Download をクリックして下さい。 次に GitHub に飛びますので赤枠で囲って
GitHub (opens new window) Chart.jsGetting Started General Configuration Chart Types Axes Developers Migration # Chart.js Welcome to Chart.js! Get started with Chart.js — best if you're new to Chart.js Migrate from Chart.js v3 or Chart.js v2 Join the community on Discord (opens new window) and Twitter (opens new window) Post a question tagged with chart.js on Stack Overflow (opens new window) Contr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く