記録

chart.jsでデモを試してみました。📈 #javascriptcode

おはようございます、朝が早いですねと言われますが、夜が早いだけです😅。

さて、今日はchart.jsのデモを試してみました。売上のグラフとかコレで作るのが一番じゃないかなと思うライブラリですね。動画で編集してみせたのは二箇所ですが、実際、業務で使用する場合は3箇所ほど変更して使用しないといけないのかなって。

chart.jsでデモを試してみました。📈
chart.jsでデモを試してみました。📈

そういう訳で、こちらのブログにソース・コードを貼り付けておきます。

        const ctx = document.getElementById('myChart');
        let data = [12, 19, 3, 19, 2, 3];
        new Chart(ctx, {
            type: 'bar',
            data: {
                labels: ['demo1', 'demo2', 'demo3', 'demo4', 'demo5', 'demo6'],
                datasets: [{
                    label: '# of Votes',
                    data: data,
                    borderWidth: 1
                }]
            },
            options: {
                scales: {
                    x: {
                        beginAtZero: true
                    }
                }
            }
        });

業務で変更しないといけない最低限3箇所はこちらです~😆。

  • ラベル
  • データーセットの中のラベル
  • データーセットの中のデータ

上記の3箇所を売上のデータや何やらに使用することで活用できるかと思います。



【DMM FX】口座開設のお申込みはこちら


OFUSEで応援を送る

md5でいいのかそれで?。 #wp #phpcode前のページ

AとBをテストするABテスト #abtest次のページ

関連記事

  1. 記録

    映画、さんかく窓の外側は夜

    映画、さんかく窓の外側は夜を観てきましたよ。感想としては映画の前半ぐ…

  2. 記録

    IT業界で勉強していないとどうなる?

    IT業界で勉強していないとどうなる?勉強していないとまず、仕…

  3. 記録

    Chromium OSをインストールして再利用した(´・ω・`)

    古いEee PCにChromium OSをインストールして再利用しま…

  4. 記録

    映画:寄生獣、大ヒット上映中らしいですが!!

    映画:寄生獣、大ヒット上映中らしいですが観に行く予定はないです{今…

  5. 記録

    基本情報技術者試験を受けることにしました。

    来年の春に基本情報技術者試験を受けることにしました。それと同時に今年…

  6. 記録

    これ無料で見えるのか、これはニッチな戦略かな。 #的を得た #労働者2

    おはようございます、月曜日の朝は憂鬱だね🙄。さて、深いビジネ…

2022年11月
 123456
78910111213
14151617181920
21222324252627
282930  

カテゴリー

PAGE TOP