/CBoard

An easy to use, self-service open BI reporting and BI dashboard platform.

Primary LanguageJavaScriptApache License 2.0Apache-2.0

CBoard

An open BI Dashboard platform that supports interactive multi-dimensional report design and data analysis

Server side framework is Spring+MyBatis and front-end is based on AngularJS1 and Bootstrap. The whole architecture graphic is as below:

image

Screenshot

image

Near Realtime data refresh

**Be attention, refresh level is cube level rather than whole dashboard ** realtime_demo

Features Of CBoard

  • Simple and beautiful interface and layout
  • Lightweight architecture and concise source code, the entire project does not rely on any third-party multi-dimensional analysis tools
    • Front page style and layout of CBoard is based on AdminLTE2
    • The chart plugin uses ECharts
    • Javascript uses MVVM AngularJS 1.X framework
  • Interactive, drag-and-drop OLAP classisc report development experience
  • One dataset, multiple report widgets. Maximize reuse query resoult
  • Supports OLAP slice filter operation
  • Supports sort multiple columns/rows at the sametime
  • Global query cache, to avoid repeated query requests for data
  • Support common charts and cross tables
    • Columnar/Stacked vertical and horizontal bar and line mixed chart with dual axis view
    • Pie chart
    • Radar Chart
    • Sanky Chart
    • Funnel Chart
    • KPI Widget
    • Cross-tabulation (Support Drill Down/Roll Up)
    • China Map
    • Bubble Chart
  • Support JDBC data connection
  • Support Native Elasticsearch connection for version 1.x, 2.x, 5.x
  • Support Native Kylin connection for version 1.6
  • Support to connect one of the most popular open source multi-dimensional analysis of products Saiku2, and will be able to selectively create data and graphics
  • Cube level data refresh / realtime chart for quick query
  • Easy to implement your own DataProvider to connect any data source. Even for expensive commercial BI suite, it's not possible to connect all the NOSQL and NewSQL data source in the era of big data. Due to the schema of NOSQL are various, such as hash tables, arrays, trees, maps, etc., different people using the same NoSQL products designed Schema may vary widely. The user who most familiar with their storage schema are the user themselves. And it's easy to find a Java programmers to code a Class to connect their own data source. So we leave this part of work to the end user with an easy extended data connection framework in CBoard

Demo (Click pics for full screen demo!)

Load Data from query or DataSet Basic Operation
case 0-switchdataload case 1-
Switch Chart Type Calculated Measure
case2 case 3-calculatedmeasures 1
Add Dashboard Parameters Use Parameters
case4-addboardparam case4-useparam

Access Control

RBAC (Role Based Access Control), easy admin and view your users' role and roles' access resource list in one page.

  • Grant roles to user by left Grant button.
  • Grant access resource to a role by right Grant button.
  • Resource can only be granted to role. A user can act as more than one roles.

image

Prerequisite

Before the start, make sure you have setup environment:

  • JDK version above 1.8
  • MySQL
  • Maven
  • Tomcat
  • Phantomjs (for export dashbaord)
  • Mail Servier

How to build project

  • 1 Download or git clone project
git clone https://github.com/yzhang921/CBoard.git
  • 2 Install metadata of CBoard (take MySQL database as example)

    • 2.1 Install demo metadata and sample foodmart db
      • Download cboard_demo & foodmart
      • Enter into the path of these two files
      • Use MySQL Command Line tool login and execute
          source cboard_demo.sql
          source foodmart.sql
      
      • After success completed, check if cboard_demo2 and foodmart2 databases have been created
    • 2.2 You can alternative choose start from a blank setting
          -- CREATE DATEBASE cboard;
          Execute ddl to create metadata table: sql/mysql/mysql.sql
  • 3 Modify metadata connection properties file according to your db environment

    CBoard/src/main/resources/config.properties
    
    validationQuery=SELECT 1
    jdbc_url=jdbc:mysql://localhost:3306/cboard # set to your metadata db connection url, if you are using demo db, change db name to cboard_demo2
    jdbc_username=root # change to the username/password of your db
    jdbc_password=111111
    
    # Service configuration
    dataprovider.resultLimit=300000
    admin_user_id=1
    phantomjs_path=D:/phantomjs-2.1.1-windows/bin/phantomjs.exe  # change to the install path of your phantomjs
    web_port=8026 #
    web_context=  # web context name of your app, can be blank for ROOT deploy
    
    # configuration of Mail service
    mail.smtp.host=127.0.0.1
    mail.smtp.port=8825
    mail.smtp.from=test@test.com
    #mail.smtp.username=test@test.com
    #mail.smtp.password=111111
    #mail.smtp.ssl.checkserveridentity=false
    
    # Cache Properties if you wanna use redis as cache layer
    cache.redis.hostName=127.0.0.1
    cache.redis.port=6379
  • 4 Comile and package project with Maven

    cd root path of CBoard
    # Install SQLServer JDBC Driver into your local respository
    mvn install:install-file -Dfile=lib/sqljdbc4-4.0.jar -DgroupId=com.microsoft.sqlserver -DartifactId=sqljdbc4 -Dversion=4.0 -Dpackaging=jar
    mvn clean package
    
  • 5 Deploy war to Tomcat application

  • Copy CBoard/target/cboard.war to webapp folder of Tomcat and rename cboard.war would be better to change name to ROOT.war
  • Start up Tomcat
  • 6 Access CBoard
http://_yourserverip_:8080
Default login username and passwor: admin/root123
  • 7 For Demo DB user, check and test the source of foodmart

Road Map

All tasks are listed in Issue Page group by milestone. Also you can get our development status from Project Page

For more detailed Chinese document CBoard 中文文档

For more detailed English document CBoard Wiki

Contact us

You can create any issue or requirements through the Issue system of github.
If you like CBoard then use it, contribute to CBoard and don't forget to star it
Waiting for your Contribution and pull request!

Let us kown you are using CBoard

If your company is using CBoard or prepare to use it, please let us known. You can check in at this issue page TuiQiao#122

Donate (请我们喝咖啡)

image