4.0.4 • Published 7 years ago
chart-generator-for-highcharts-js v4.0.4
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;
- 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.