絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp
Chart.jsというのが流行っているみたいなので、もうちょっとフラット感がでないものか、カスタマイズに挑戦してみました。Chart.jsの使い方などは、LIGさんの記事を参考にしてください。 ドーナッツ これを何個か並べればかなりフラット感が出ますね。外側の青い部分のみをChart.jsで描画し、それ以外はCSSで調整しています。2つ目のセグメントを背景色で塗れば、円弧のように見えます。 ※ ドーナッツの幅は、percentageInnerCutout で調整できます。 ラインチャート お次は棒グラフです。フラットに見せるポイントは、グラフや線などを簡略化することでイラストのように見せるところです。また、数字と組みあわせるとかっこ良く見えます。※ 数字の部分は、CSSで組んでいます。 ※ 横軸のラベルは、意図的に減らしています。 バーチャート 棒グラフもフラットにしてみました。こちらも数
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
google chart APIのGaugeがIE8では表示できない件 - tail -f /var/log/こうちかずお.log
google chartのGauge(計器)の表示が、IE8だけ表示できない(IE6,IE9は表示できる)現象に遭遇した。 http://code.google.com/p/google-visualization-api-issues/issues/detail?id=5 でも話題になっているが、どうもIE8だけっていうのはgoogle chart側の問題ではないように思う。 IEにはレンダリングモードがあり、DOCTYPE宣言があればそれぞれのバージョンの標準準拠モード、DOCTYPE宣言がない場合はQuirksモード(いわゆる互換モード)となって表示しているらしい。 ヘッダに、 .... <head> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Content-Type" content
Google Chart API で日本の都道府県に自由に色が塗れる！すごい！
Google Chart API で日本の都道府県に自由に色が塗れる！すごい！ 2011-02-16-3 [WebTool][WebAPI][Geography] Google Chart API のページを見ていたら地図に色塗りできる API があるのを知りました。地域コードと色を指定すると色塗りされた地図画像が返ってくるという API です。世界中の地域の地図が対象です。これは使える！ Map Charts - Google Chart Tools / Image Charts (aka Chart API) - Google Code http://code.google.com/intl/ja/apis/chart/docs/gallery/new_map_charts.html 私としては地域情報＋テキストマイニングの結果を日本の都道府県に色塗りしたいです。さっそく使ってみよっと
Google Code Blog: New features for the Google Chart API
By Marcus Boerger, Software Engineer, Chart API team Many of the features you've requested via Google Chart API forum are now live in the Google Chart API: Easily create Sparklines (&cht=ls) without having to manipulate other kinds of graphs. Support for Radar charts (&cht=r or &cht=rs) to display data in a polar coordinate system. A new Map chart type (&cht=t) which makes it easy to colour countr
http://jugyo.org/blog/?p=2706
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
Developer's Guide - Google Chart API - Google Code
Discover the resources for adding interactive charts for browsers and mobile devices.
Google Releases Chart Image Generator
Google released a chart generator service they are calling the Google Chart API. Usage is quite straightforward: you link to an image in the form of a parameterized URL, e.g. (line break added) http://chart.apis.google.com/chart?cht= p3&chd=t:90,49&chs=350x150&chl=Foo|Bar ... and Google returns a PNG graphic containing the chart. For instance, above URL results in the following image: Splitting up
アシアルブログ
2018-12-21 経済産業省『未来の教室』実証事業の一環として宮崎県立日南振徳高等学校で『農業IoTシステム自作』講座を開催しました MonacaEducation担当の岡本です。経済産業省『未来の教室』実証事業の一環として宮崎県立日南振徳高等学校の生徒達とビニールハウスなどの温度湿度をクラウドに記録、スマートフォンやタブレットなどのモバイル端末からグラフとして情報を確認できるようなシ… 経済産業省『未来の教室』実証事業の一環として宮崎県立日南振徳高等学校で『農業IoTシステム自作』講座を開催しました 2018-12-14 IT健保（関東ITソフトウェア健康保険）のお得な活用方法について調べてみた はじめまして、諸井です。 マーケティングや営業のフロント・バックオフィス全般を担当しています。 入社して3年弱、嬉しかったことはいくつかあるのですが、そのひとつは関東ITソフトウェア健康保険
prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」:phpspot開発日誌
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫：フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
» New Google API Serves Charts » InsideGoogle-part of the Blog News Channel
Twitter - Identgraph - FAX
ニコニコチャート
VGChartz.com |