4.0.4 • Published 7 years ago

chart-generator-for-highcharts-js v4.0.4

Weekly downloads
-
License
ISC
Repository
-
Last release
7 years ago

Highchart Generator using node js, bootstrap and Highcharts api

This module supports Jade templating language.

Installation steps: 1. npm install chart-generator-for-highcharts-js 2. npm install 3. in your app.js file do the following: 1. Include the package var hc = require('chart-generator-for-highcharts-js'); and add the following lines app.use(hc); 4. 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;
  1. 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.

4.0.4

7 years ago

4.0.3

7 years ago

4.0.2

7 years ago

4.0.1

7 years ago

4.0.0

7 years ago

3.0.8

7 years ago

3.0.7

7 years ago

3.0.6

7 years ago

3.0.4

7 years ago

3.0.3

7 years ago

3.0.2

7 years ago

3.0.1

7 years ago

3.0.0

7 years ago

2.0.0

7 years ago

1.0.0

7 years ago