bsitruk / zingchart Goto Github PK

Build v2.1.3

For more info on using ZingChart, see the docs: http://www.zingchart.com/docs

bower install zingchart

npm install zingchart

http://cdn.zingchart.com/zingchart.min.js

Include a reference to the zingchart library

<script src="zingchart.min.js"></script>

The zingchart object is now accessible. Happy charting!

<div id="chart"></div>
<script>
window.onload = function() {
zingchart.render({
    id: "chart",
    data: {
        type: "line",
        series: [{ values: [5,10,15,5,10,5] }]
    }
    });
};
</script>

This package supports the CommonJS module format to be used with bundlers such as Browserify when being used with NPM.

Usage : var zingchart = require('zingchart');

The package includes the following:

|   README.md
├── client
│   ├── zingchart.min.js
│   ├── modules
├── custom
│   ├── build.js
|   ...

(requires Node.js)

The zingchart.min.js file in the root directory is a fully functional build which includes the majority of functionality within the library. If you wanted to slim down the library and only provide functionality that you need, we have included a build tool that allows you to create a custom library build for the client side version. The /modules folder contains a complete collection of dependencies for the zingchart library.

For example, if you wanted to create a build that only contained functionality for line and pie charts, you would run the command

$ node build.js <configPath> <modules>

• configPath (optional) - The path to the .cnf file to provide module options
• modules (optional) -The module arguments to provide the build tool without using a .cnf file.

Both examples will provide the same functionality for the line/pie example.

$ node build.js zingchart.cnf

Inside zingchart.cnf:

{"modules":["line","pie"]}

$ node build.js line pie

ZingChart is wrapped in a variety of ways for easy consumption with popular JS libraries and frameworks. Official releases are shown here. If you have a third party integration please contact us for inclusion.

• JQuery
• AngularJS
• Ember
• Backbone

We're always working on new demos to help users get started using ZingChart with their framework or database. Take a look at our Demo repo to see if we've covered your toolset. Let us know if we haven't or if you need help with an existing implementation.