Skip to content
otak-labI am developing an app.
  • プライバシーポリシー
    • 「シンプル体重管理」利用規約およびプライバシーポリシー
    • 「ギャンブル収支管理」利用規約およびプライバシーポリシー
    • 「シンプル利益計算」利用規約およびプライバシーポリシー
    • 「FX収支管理」利用規約およびプライバシーポリシー
    • 「ワンニャン体重管理」利用規約およびプライバシーポリシー
    • 「ナンバーズサーチ」利用規約およびプライバシーポリシー
    • 「シンプルダイアリー」利用規約およびプライバシーポリシー
  • お問い合わせ

タグ: bar

  1. Home
  2. Tag Archives: bar

【Monaca】D3.jsを使用して棒グラフを表示する

今回は、前回紹介した「【Monaca】D3.jsを使用して折れ線グラフを表示する」のコードを流用し、棒グラフを表示する方法を紹介します。

otak-lab
2020.06.16
【Monaca】D3.jsを使用して折れ線グラフを表示する
https://otak-lab.com/archives/3376
私が開発したアプリの折れ線グラフは、すべてD3.jsを使用しています。「どうやって折れ線グラフを表示しているのか」など問い合わせが多いため、今回はコピー&ペーストすればアプリに使える、折れ線グラフを表示する方法について紹介します。d3.min.jsをフォルダにアップロードしてください。2次元配列dataに年月日と数値を設定し、window.fn.chart.createLineChart("chart", data)を実行すれば、折れ線グラフが表示されます。※見た目が少し変わるように、Google Fontsを使用しています。Monacaデバッガーの結果です。iOS版...

Continue reading

bar Cordova D3.js JavaScript Monaca グラフ チャート 棒
シンプル体重管理
Google Play で手に入れよう
ギャンブル収支管理
Google Play で手に入れよう
FX収支管理
Google Play で手に入れよう
シンプル利益計算
Google Play で手に入れよう

最近の投稿

  • シンプル利益計算 Ver.1.6.0をリリースしました!
    カテゴリー: アプリ
    2023/01/18
  • 【iPhone】シンプル利益計算 Ver.1.6.0をリリースしました!
    カテゴリー: アプリ
    2023/01/17
  • ナンバーズサーチ Ver.1.6.3をリリースしました!
    カテゴリー: アプリ
    2023/01/04
  • 【Cordova】Failed to install ‘admob-plus-cordova’: Error: pod: Command failed with exit code 1エラーの解決方法
    カテゴリー: 開発
    2022/12/29
  • 【COVID‑19】新型コロナウイルス感染症に感染しました!
    カテゴリー: お知らせ
    2022/12/25
  • 【iPhone】SIMなしの波を消す方法
    カテゴリー: iPhone
    2022/11/15
  • Affinity V2ユニバーサルライセンスを購入しました!
    カテゴリー: 開発
    2022/11/11
  • 【Cordova】「java.lang.AssertionError: annotationType(): unrecognized Attribute name MODULE 」エラーの解決方法について
    カテゴリー: 開発
    2022/11/04
  • アプリ開発者がアイコンのデザインで悩んだときオススメしたい本
    カテゴリー: 開発
    2022/11/03
  • ノジマオンラインでジャンクのiPhone XSを購入した結果・・・
    カテゴリー: iPhone
    2022/11/01
2023年2月
月 火 水 木 金 土 日
 12345
6789101112
13141516171819
20212223242526
2728  
« 1月    
Tweets by lab_otak
  • Android
  • G-SHOCK
  • iPhone
  • MacBook
  • PC
  • Windows
  • WordPress
  • アプリ
  • お知らせ
  • ショッピング
  • ヤフオク
  • 家電
  • 文具
  • 確定申告
  • 開発
  • プライバシーポリシー
  • お問い合わせ
© 2023 - otak-lab. All rights reserved.