chart-generator-for-highcharts-js

Highchart Generator using node js, bootstrap and Highcharts api

This module supports Jade templating language.

Installation steps:

• npm install chart-generator-for-highcharts-js

• npm install

• in your app.js file do the following:

  • Include the package var hc = require('chart-generator-for-highcharts-js'); and add the following lines app.use(hc);

• in the routes folder access the index.js file add the following line to render the content routes / index.js

  var express = require('express'); var router = express.Router(); var hc = require('chart-generator-for-highcharts-js');

  /* GET home page. */ router.get('/', function(req, res, next) {

  res.render('index', { title: 'Express', hc: hc}); });

  module.exports = router;

• in the main jade file add the following lines of code views/index.jade

   div#dataForm
           script(src="https://code.highcharts.com/highcharts.js")
           script(src="https://code.highcharts.com/modules/funnel.js")
           script(src="https://code.highcharts.com/modules/exporting.js")
           script(src="/javascripts/index.js")
   div(id="tabs" style="display:none;")
       ul.nav.nav-tabs
           li.active
               a(href='#pieChart' id="pie" onclick='init(); showPie();' data-toggle="tab") Pie Chart
           li
               a(href='#barChart' id="bar" onclick='init(); showBar();'  data-toggle="tab") Bar Chart
           li
               a(href='#lineChart' id="line" onclick='init(); showLine();'  data-toggle="tab") Pyramid Chart
   
       div
           div(id="pieChart" class="charts",style="display:none;width:42%;")
               h2.
                   Pie Charts
           div(id="barChart" class="charts",style="display:none;width:45%;")
               h2.
                   Column Chart
           div(id="lineChart" class="charts",style="display:none;width:45%;")
               h2.
                   Pyramid Chart
  

Supports use of pie charts, bar chart and pyrmaid graphs. NB: Any data values entered for data fields must be numeric or it wont render.