- Qt 6.6
- Qt Graphs
- Simple Bar Graph
- Qt Graphs | Commercial or GPLv3

# Simple Bar Graph

     // Copyright (C) 2023 The Qt Company Ltd.
     // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

     import QtQuick
     import QtQml.Models

     Item {
         property alias model: dataModel

         property var modelAsJsArray: {
             var arr = [];
             for (var i = 0; i < dataModel.count; i++) {
                 var row = dataModel.get(i);
                 arr.push({
                              timestamp: row.timestamp,
                              expenses: row.expenses,
                              income: row.income
                          });
             }
             return arr;
         }

         ListModel {
             id: dataModel
             ListElement{ timestamp: "2016-01"; expenses: "-4";  income: "5" }
             ListElement{ timestamp: "2016-02"; expenses: "-5";  income: "6" }
             ListElement{ timestamp: "2016-03"; expenses: "-7";  income: "4" }
             ListElement{ timestamp: "2016-04"; expenses: "-3";  income: "2" }
             ListElement{ timestamp: "2016-05"; expenses: "-4";  income: "1" }
             ListElement{ timestamp: "2016-06"; expenses: "-2";  income: "2" }
             ListElement{ timestamp: "2016-07"; expenses: "-1";  income: "3" }
             ListElement{ timestamp: "2016-08"; expenses: "-5";  income: "1" }
             ListElement{ timestamp: "2016-09"; expenses: "-2";  income: "3" }
             ListElement{ timestamp: "2016-10"; expenses: "-5";  income: "2" }
             ListElement{ timestamp: "2016-11"; expenses: "-8";  income: "5" }
             ListElement{ timestamp: "2016-12"; expenses: "-3";  income: "3" }

             ListElement{ timestamp: "2017-01"; expenses: "-3";  income: "1" }
             ListElement{ timestamp: "2017-02"; expenses: "-4";  income: "2" }
             ListElement{ timestamp: "2017-03"; expenses: "-12"; income: "4" }
             ListElement{ timestamp: "2017-04"; expenses: "-13"; income: "6" }
             ListElement{ timestamp: "2017-05"; expenses: "-14"; income: "11" }
             ListElement{ timestamp: "2017-06"; expenses: "-7";  income: "7" }
             ListElement{ timestamp: "2017-07"; expenses: "-6";  income: "4" }
             ListElement{ timestamp: "2017-08"; expenses: "-4";  income: "15" }
             ListElement{ timestamp: "2017-09"; expenses: "-2";  income: "18" }
             ListElement{ timestamp: "2017-10"; expenses: "-29"; income: "25" }
             ListElement{ timestamp: "2017-11"; expenses: "-23"; income: "29" }
             ListElement{ timestamp: "2017-12"; expenses: "-5";  income: "9" }

             ListElement{ timestamp: "2018-01"; expenses: "-3";  income: "8" }
             ListElement{ timestamp: "2018-02"; expenses: "-8";  income: "14" }
             ListElement{ timestamp: "2018-03"; expenses: "-10"; income: "20" }
             ListElement{ timestamp: "2018-04"; expenses: "-12"; income: "24" }
             ListElement{ timestamp: "2018-05"; expenses: "-10"; income: "19" }
             ListElement{ timestamp: "2018-06"; expenses: "-5";  income: "8" }
             ListElement{ timestamp: "2018-07"; expenses: "-1";  income: "4" }
             ListElement{ timestamp: "2018-08"; expenses: "-7";  income: "12" }
             ListElement{ timestamp: "2018-09"; expenses: "-4";  income: "16" }
             ListElement{ timestamp: "2018-10"; expenses: "-22"; income: "33" }
             ListElement{ timestamp: "2018-11"; expenses: "-16"; income: "25" }
             ListElement{ timestamp: "2018-12"; expenses: "-2";  income: "7" }

             ListElement{ timestamp: "2019-01"; expenses: "-4";  income: "5"  }
             ListElement{ timestamp: "2019-02"; expenses: "-4";  income: "7"  }
             ListElement{ timestamp: "2019-03"; expenses: "-11"; income: "14"  }
             ListElement{ timestamp: "2019-04"; expenses: "-16"; income: "22"  }
             ListElement{ timestamp: "2019-05"; expenses: "-3";  income: "5"  }
             ListElement{ timestamp: "2019-06"; expenses: "-4";  income: "8"  }
             ListElement{ timestamp: "2019-07"; expenses: "-7";  income: "9"  }
             ListElement{ timestamp: "2019-08"; expenses: "-9";  income: "13"  }
             ListElement{ timestamp: "2019-09"; expenses: "-1";  income: "6"  }
             ListElement{ timestamp: "2019-10"; expenses: "-14"; income: "25"  }
             ListElement{ timestamp: "2019-11"; expenses: "-19"; income: "29"  }
             ListElement{ timestamp: "2019-12"; expenses: "-5";  income: "7"  }

             ListElement{ timestamp: "2020-01"; expenses: "-14"; income: "22"  }
             ListElement{ timestamp: "2020-02"; expenses: "-5";  income: "7"  }
             ListElement{ timestamp: "2020-03"; expenses: "-1";  income: "9"  }
             ListElement{ timestamp: "2020-04"; expenses: "-1";  income: "12"  }
             ListElement{ timestamp: "2020-05"; expenses: "-5";  income: "9"  }
             ListElement{ timestamp: "2020-06"; expenses: "-5";  income: "8"  }
             ListElement{ timestamp: "2020-07"; expenses: "-3";  income: "7"  }
             ListElement{ timestamp: "2020-08"; expenses: "-1";  income: "5"  }
             ListElement{ timestamp: "2020-09"; expenses: "-2";  income: "4"  }
             ListElement{ timestamp: "2020-10"; expenses: "-10"; income: "13"  }
             ListElement{ timestamp: "2020-11"; expenses: "-12"; income: "17"  }
             ListElement{ timestamp: "2020-12"; expenses: "-6";  income: "9"  }

             ListElement{ timestamp: "2021-01"; expenses: "-2";  income: "6"  }
             ListElement{ timestamp: "2021-02"; expenses: "-4";  income: "8"  }
             ListElement{ timestamp: "2021-03"; expenses: "-7";  income: "12"  }
             ListElement{ timestamp: "2021-04"; expenses: "-9";  income: "15"  }
             ListElement{ timestamp: "2021-05"; expenses: "-7";  income: "19"  }
             ListElement{ timestamp: "2021-06"; expenses: "-9";  income: "18"  }
             ListElement{ timestamp: "2021-07"; expenses: "-13"; income: "17"  }
             ListElement{ timestamp: "2021-08"; expenses: "-5";  income: "9"  }
             ListElement{ timestamp: "2021-09"; expenses: "-3";  income: "8"  }
             ListElement{ timestamp: "2021-10"; expenses: "-13"; income: "15"  }
             ListElement{ timestamp: "2021-11"; expenses: "-8";  income: "17"  }
             ListElement{ timestamp: "2021-12"; expenses: "-7";  income: "10"  }

             ListElement{ timestamp: "2022-01"; expenses: "-12";  income: "16"  }
             ListElement{ timestamp: "2022-02"; expenses: "-24";  income: "28"  }
             ListElement{ timestamp: "2022-03"; expenses: "-27";  income: "22"  }
             ListElement{ timestamp: "2022-04"; expenses: "-29";  income: "25"  }
             ListElement{ timestamp: "2022-05"; expenses: "-27";  income: "29"  }
             ListElement{ timestamp: "2022-06"; expenses: "-19";  income: "18"  }
             ListElement{ timestamp: "2022-07"; expenses: "-13";  income: "17"  }
             ListElement{ timestamp: "2022-08"; expenses: "-15";  income: "19"  }
             ListElement{ timestamp: "2022-09"; expenses: "-3";   income: "8"  }
             ListElement{ timestamp: "2022-10"; expenses: "-3";   income: "6"  }
             ListElement{ timestamp: "2022-11"; expenses: "-4";   income: "8"  }
             ListElement{ timestamp: "2022-12"; expenses: "-5";   income: "9"  }
         }
     }