FINECHARTS

FINECHARTS RESPONSIVE READY TO USE CHARTS


Overview

Version: 2.0.0

Version Date: 13th May 2017

Last Update: 16th Jan 2018

Author: CoderBoys

Support: www.xbootstrap.com/support

Email: support@xbootstrap.com


Thank you for purchasing Finecharts. If you have any questions which is beyond this scope, please visit our Support Website

Product Overview

Finecharts was created as a great shortcut for learning and creating your very own charts.

There are several different ways to use FINECHARTS:

  1. Use ready to use graphs and charts in your dashboard.
  2. Use live updating Charts for live updates.
  3. Easily add your own text & edit them the way you want.

Requirements

  • A HTML editor.
  • To use the finecharts you will need a host or you can run in offline mode within your computer if you wish.

Installation

  1. Unzip the file you downloaded from Codecanyon
  2. Locate the 'Main' folder, this is found in the 'HTML Files'
  3. Upload this folder to your live web server
  4. Navigate to the folder in your web browser (eg. http://somedomain.com/main/)
  5. Enjoy using finecharts

How it Works

We've tried to make things as easy as possible for you to use, and to use it how you want to.

You might just be looking for some pre-styled graphs & charts existing project, or you might be wanting to learn building graphs & charts and aren't sure where to start, or you might be wanting to quickly integrate some pages for an urgent client meeting.

However you want to use Finecharts is totally up to you.


File Structure

In the 'HTML Files' folder are the following folders:

  1. Main - This contains all of the charts you have seen in the demo.
  2. Documentation - Contains the guide.

Copy and Paste Contents

Just as it says, copy and paste.

We have following ready to use Charts & Graphs:

  1. Sparkline Charts
  2. Chartist Graphs
  3. ChartJS Charts
  4. Flot Charts
  5. Morris Charts
  6. Peity Charts
  7. Rickshaw Charts

copy all of the required CSS & JS files.

The graphs & charts code starts from the comment "Charts Starts Here"


Finecharts Easy to Use

Finecharts is easy & ready to use.

The finecharts includes tons of features & is fully responsive based on bootstrap.


Charts Initiate Scripts

Finecharts initiate script can be found in the following folder

You can change settings, values etc by tweaking code in initiate scripts.

Keep an eye for template pages in future updates.


Main Navigtaions

This is main navigation use this navigation to view other availble charts