All Your Dataviz Needs In One Library

npm install zingchart-angularjs

angular.module('myApp', ['zingchart-angularjs']);

$scope.myJson = {
  type : 'line',
  series : [
    { values : [54,23,34,23,43] },
    { values : [10,15,16,20,40] }
  ]
};

<zingchart id="myChart" zc-json="myJson" zc-height=500 zc-width=600></zingchart>

composer require zingchart/php_wrapper

require __DIR__ . '/vendor/autoload.php;

$zc = new ZC("myChart");
$zc->setChartType("bar");
$zc->setSeriesData([1,4,2,6,3]);
$zc->render();

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<script src="https://cdn.zingchart.com/zingchart.jquery.min.js"></script>

<div id="myChart"></div>

$(document).ready(function() {
  $("#myChart").zingchart({
    "data":{
      "type": "line",
      "series": [
        { "values": [1,2,5,3,9,4] }
      ]
    }
  });
})

npm install zingchart-react

<div id="myContainer"></div>

var ZingChart = require('zingchart-react').core;

var myConfig = {
  type: "bar",
  series : [
    { values : [35,42,67,89,25,34,67,85] }
  ]
};

React.render(
    <ZingChart id="myChart" height="300" width="600" data={myConfig} />,
    document.getElementById('myContainer')
);

npm install --save ember-zingchart
ember g ember-zingchart

{{ember-zingchart renderOptions=myRenderOptions}}

import Ember from 'ember';

let _renderOptions = {
  height: 400,
  width: "100%",  
  data: {
    type: "bar",
    series : [
      { values : [35,42,67,89,25,34,67,85] }
    ]
  }
}

export default Ember.Controller.extend({
    myRenderOptions: _renderOptions
});

<script src="cdn.zingchart.com/zingchart.min.js"></script>
<script src="cdn.zingchart.com/backbone/backbone.zingchart.min.js"></script>

<div id="chartDiv"></div>

var chartData = new ZingChart.ZingChartModel({
  data: [[3,2,3,3,9] , [1,2,3,4,5]],
  charttype: 'bar',
  width: 500,
  height: 400
});

var chartView = new ZingChart.ZingChartView({
  model: chartData,
  el:  $('#chartDiv')
});

chartView.render();