Logging

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箇所を売上のデータや何やらに使用することで活用できるかと思います。







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

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

    関連記事

    1. Logging

      映画、ジェイソン・ボーンを観てきましので #映画レビュー

      映画、ジェイソン・ボーンを観てきましので感想なんかを残しときます。…

    2. Logging

      サブウェイ123の映画レビューです{記憶をたどりながら}。

      サブウェイ123の映画レビューです。この映画、先の展開が読めそうで読…

    3. Logging

      jqueryのイベント処理時に引数を受け渡す方法を知っとくと良いかもしれません。

      jqueryのイベント処理時に引数を受け渡す方法を知っとくと良…

    4. Logging

      FF7RのDEMOをプレイしてみて。

      FF7RのDEMOをプレイしてみて思った。これは期待以上の仕上…

    5. Logging

      高知県の山田高校が作った高校三年生の山田まんを食べてみた。 #山田まん

      高知県の山田高校(高知県立山田高等学校)が作った(発案企画など)高…

    2022年11月
     123456
    78910111213
    14151617181920
    21222324252627
    282930  

    カテゴリー

    アーカイブ

    PAGE TOP