AndrewJBateman/ionic-angular-orienter

:clipboard: App created using the Ionic framework with the Angular directive for Flexmonster Pivot Table & Charts.

⚡ Ionic Angular Orienter

• App created using the Ionic framework and the Angular directive for Flexmonster Pivot Table & Charts.
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• ⚡ Ionic Angular Orienter
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-do list
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 General info

• Flexmonster is an open-source reporting tool that provides JavaScript tool for data visualization. The solution allows users to handle data sets, OLAP cubes and SQL databases with files up to 100 MB.
• Displays Highcharts image from the Flexmonster library

📷 Screenshots

📶 Technologies

• Ionic v6
• Angular v15
• Ionic/angular v6
• Flexmonster for Angular v2
• Highcharts v10

💾 Setup

• Run npm i to install dependencies
• To start the server on localhost://8100 type: 'ionic serve'

💻 Code Examples

• home.page.ts function to draw highchart using flexmonster

     drawChart() {
        this.pivot.flexmonster.highcharts?.getData(
            {
                type: "spline"
            },
            (data: Flexmonster.GetDataValueObject) => {
                Highcharts.chart('highcharts-container', <Highcharts.Options>data);
            }
        );
    }

🆒 Features

• na

📋 Status & To-do list

• Status: Basic chart working
• To-do: Fix menu. Add charts.

👏 Inspiration

• Flexmonster usage examples
• Flexmonster examples with Highcharts

📁 License

• This project is licensed under the terms of the MIT license.

✉️ Contact

• Repo created by ABateman, email: gomezbateman@yahoo.com