JSグラフライブラリNVD3.jsを使ってはてなブログにハイセンスな株価チャートを表示させる方法 - サラリーマン休日副業で月10万円以上目指すページ
久々にプログラミング系のネタです。 はてなブログにJavaScriptのグラフライブラリであるNVD3.jsを使用し、ハイセンスな株価チャートを表示させてみます。 もちろん、同様の方法で棒グラフ、円グラフ、折れ線グラフ等の基本グラフや、複合グラフ等の高機能なグラフまで簡単に表示させることができます。 １．CSS/ライブラリの読み込み まずはCSSとJavaScriptライブラリを読み込みましょう。 下記ソースをページ上部にコピーします。 <link href="http://cdn.rawgit.com/novus/nvd3/v1.8.4/build/nv.d3.css" rel="stylesheet" type="text/css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.2/d3.min.js" char
JSのグラフライブラリを今選ぶならHighchartsで決まり（2020年版） - Qiita
トレンド（世界）：すべての国/過去12か月/基準としたキーワードを外さずに数値を取得 トレンド（日本）：日本/過去12か月/基準としたキーワードを外さずに数値を取得 公式サイト：Interactive JavaScript charts for your webpage | Highcharts デモサイト：Demos / Stock Demos / Maps Demos / Gantt Demos GitHub：https://github.com/highcharts/highcharts npm：https://www.npmjs.com/package/highcharts CDN：https://code.highcharts.com/highcharts.js ライセンス：商用利用は有償、非営利向け無料ライセンスあり（詳細後述） 推薦しておきながら入門記事も少なくてとっつきにく
AFreeChart！！② サイズを変えたり色を変えたり☆ : アンドロイドアプリ開発のメモ帳
5月2 AFreeChart！！② サイズを変えたり色を変えたり☆ カテゴリ:Androidアプリ開発 ではではまずは前回の見にくい画面を変えましょう☆ DemoViewの /** The default limit above which chart scaling kicks in. */ public static final int DEFAULT_MAXIMUM_DRAW_WIDTH = 1024; /** The default limit above which chart scaling kicks in. */ public static final int DEFAULT_MAXIMUM_DRAW_HEIGHT = 1000; ここの場所で画面に表示されるサイズが決められています。 ここを変えましょう（･∀･)つ /** The default limit above
amCharts: customizable free flash charts
JavaScript Charts & Maps Programming library for all your data visualization needs. Readme.md Came here to find your next charting library? Good. Our charts were designed to feel modern, sleek and fast, out-of-the box. But don’t take our word for it – check out our demos and fall in love. And best of all, our libs natively integrate with TypeScript, Angular, React, Vue and plain JavaScript apps. F
mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す(追記あり) - Qiita
mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることはほとんど無くて(後述の理由からガントだけJSで使ってるけど)、基本的には以下の2つの方法で使ってる。 Haroopad フリーでクロスプラットフォーム(OS X, Win, Linux)なMarkdownエディタ。 v0.13からmermaid.jsがインテグされているので、何もしなくてもそのまま使える。 mermaid.jsのグラフの書き方は、コード表記で、言語をmermaidにしてあげるだけ。
【iOS】BEMSimpleLineGraphを使ってiOSでグラフ描画をする方法 | AdMax Tech Blog
CocoaPodsにグラフ描画のライブラリがあったので使ってみました。 ライセンスもMITなので、自由に使えるかと。 完成品はこんな感じになります。 ちなみに値はランダムに出してます。 このライブラリで出来ないことやろうとするなら独自で開発した方がいいのかなと思いました。 サンプルも作りましたので、よかったらインストールして確認してみてください。 NinjaAdMax / SampleSimpleLineGraph では色々紹介していきます。 BEMSimpleLineGraph 今回使ったライブラリはBEMSimpleLineGraphになります。 Boris-Em/BEMSimpleLineGraph datasourceとdelegateを用意してやるだけなので、そこまで使うのに苦労しません。 このライブラリはCocoaPodsでインストール出来るのでそちらを使いました。 Podfi
Swiftで簡単に折れ線グラフを書く方法 - 電子趣味の部屋
久しぶりにiOS SDKの開発メモです。 今回はSwiftで簡単に折れ線グラフを書く方法を紹介します。 簡単に使えるオープンソースのライブラリ BEMSimpleLineGraph を見つけたので、これを使います BEMSimpleLineGraphはObjective-Cで書かれていますが、Swiftから使う方法を紹介します。 入手場所 BEMSimpleLineGraph 入手先はGitHubです。 どんな方法で入手しても良いですが、今回はこのページにある"Download Zip"ボタンによりZipファイルをダウンロードしました。 プロジェクト作成 今回は簡単に Single View Application で作ります。 プロジェクト名は"TestGraph"とします ライブラリファイルをプロジェクトに追加 ダウンロードしたZip内のClassesフォルダにあるファイルをプロジェク
Androidでグラフを表示する方法 - モバイルソリューション事業部Web出張所〜エンジニアのアウトプット〜
今回は、Androidでグラフを表示する方法について、ご紹介します。 グラフ表示を0から作成することも出来ますが、グラフ作成ライブラリを使用する方が簡単です。 Androidで使用できるグラフ作成ライブラリは、下記のようなものがあります。 AFreeChart AChartEngin ChartDroid 今回は「AFreeChart」を使用したグラフ作成方法についてです。 「AFreeChart」は有名なJava用グラフ作成ライブラリ「JFreeChart」をAndroid用にカスタマイズしたライブラリです。全てではありませんが、「AFreeChart」を使用していて困った場合は、「JFreeChart」の情報も役に立ちます。<手順概要> 1.ライブラリ(jarファイル)の取得 2.ライブラリをEclipseのプロジェクトに追加(ビルドパスを通す) 3.ライブラリを使用してグラフを作成す
Highstockスゴイ！日本語化もしてみた。 - アーキテクチャをスマートに。
Yahooファイナンスなんかでよく見られる、株価のチャートを表示する必要があったので、jQueryプラグインで使いやすいのがないか探してたのですが、すごいクールなのが見つかったので紹介。 （あと自分の備忘録も兼ねた記録です） Highstockってなんだ？ グラフ描画のための「Highcharts」というjQueryプラグインがあるのですが、それをさらに株価チャート向けバージョンが「Highstock」という位置づけのようです。 すぐに試せるデモサイトがあるので、一度見てみると、、、スゴイです！ http://www.highcharts.com/stock/demo/ 見た目もかっこよくて、カスタマイズもいろいろ出来て、IE6でもOK（試してないけど）、使い方もわかりやすそう！ Very Cool !!! ってなわけで使ってみました。 使い方は、ググればいろいろ情報が出てくるのでそれだけ
Google ChartとAngularJSを使ってWordPress投稿にグラフ作成 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
JavaScriptとしてAngularJSを使い、Google ChartのグラフをWordPress投稿本文に作成する方法についてまとめました。 AngularJSをheader.phpファイル内でインクルードして利用できるようにする手順は下記参照。 ブートストラップ3を使って作成したナビゲーションメニューをAngularJSを使う形に変更する方法 １）Google Chartsのサンプルコードを作成 ・オンラインマニュアルの下記コードを使用し、AngularJSを使ってスクリプトを記述します。 https://developers.google.com/chart/interactive/docs/quick_start ・ここでは、上記参照記事の手順でAngularJSのモジュール名が’MyApp’として設定されていることを前提としています。 （gglchart1.js） goog
統計をグラフにあらわそう（種類と特徴）｜なるほど統計学園
統計は、データを集めて集計しただけでは、単なる数字の集まりであり、そこから何が読み取れるか必ずしも明らかではありません。 統計を作成するときは、必ず、「○○について知りたい！」という目的があるはずですから、得られた結果を、その目的に合わせて上手に使うことが重要です。グラフは、結果を視覚的に表す便利な道具であり、グラフをうまく使うことによって、自分の考えていることを相手に的確に伝えることができます。 グラフにはいくつかの種類があり、それぞれ、得手・不得手があります。自分が伝えたい目的に応じて、適切なグラフを使うことにより、説明力もぐっと高まります。ここでは、そういったグラフの種類やそれぞれの用途、注意点について説明します。 グラフの種類 棒グラフ：棒の高さで、量の大小を比較する。 折れ線グラフ：量が増えているか減っているか、変化の方向をみる。 円グラフ：全体の中での構成比をみる。 帯グラフ：
データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sensuのちょっと進んだ使い方
afreechart
Rino Server Blog