Merge pull request #10 from zingchart/import-refactor

Import refactor

Author: damntrecky

ZingChart.vue

@@ -136,4 +136,10 @@ export default {
     width: function() { this.resize() },
   }
 };
+
+// assign window level constants to local vars for export
+let ZC = window.ZC;
+
+// export ZingChart react class, ZC and zingchart window objects
+export {ZC, zingchart};
 </script>

dist/zingchartVue.common.js

@@ -7,11 +7,13 @@
       <a href="#" class="button" @click="activeDemo = 'dynamic'">Dynamic Config</a>
       <a href="#" class="button" @click="activeDemo = 'methods'">Methods</a>
       <a href="#" class="button" @click="activeDemo = 'events'">Events</a>
+      <a href="#" class="button" @click="activeDemo = 'license'">License</a>
     </header>
     <simple-view v-show="activeDemo === 'simple'"/>
     <dynamic-view v-show="activeDemo === 'dynamic'"/>
     <methods-view v-show="activeDemo === 'methods'"/>
     <events-view v-show="activeDemo === 'events'"/>
+    <license-view v-show="activeDemo === 'license'"/>
   </div>
 </template>
 
@@ -22,6 +24,9 @@ import MethodsView from './Methods.vue';
 import EventsView from './Events.vue';
 import DynamicView from './Dynamic.vue';
 import SimpleView from './Simple.vue';
+import LicenseView from './License.vue';
+
+
 Vue.component('zingchart', zingchartVue);
 
 export default {
@@ -30,6 +35,7 @@ export default {
     DynamicView,
     MethodsView,
     EventsView,
+    LicenseView,
   },
   data() {
     return {

dist/zingchartVue.common.js.map

@@ -0,0 +1,85 @@
+<template>
+  <div>
+    <h3>A graphset example with ZC and zingchart objects.</h3>
+     <zingchart ref="chart" :data="chartData" />
+<pre>
+&lt;zingchart ref="chart" :data="chartData"/&gt;
+</pre>
+<pre>
+chartData: {
+  type: "line",
+  series: [
+    {
+      values: [6,4,3,4,6,6,4]
+    }
+  ]
+},
+</pre>
+  </div>
+</template>
+
+<script>
+import {ZC, zingchart} from '../ZingChart.vue';
+
+// zingchart object for performance flags
+zingchart.DEV.KEEPSOURCE = 0; // prevents lib from storing the original data package
+zingchart.DEV.COPYDATA = 0; // prevents lib from creating a copy of the data package 
+
+// ZC object for license key
+ZC.LICENSEKEY = ['abcdefghijklmnopqrstuvwxy'];
+
+
+export default {
+  data() {
+    return {
+      chartData: {
+        /* Graphset array */
+        graphset: [
+          { /* Object containing chart data */
+            type: 'line',
+            /* Size your chart using height/width attributes */
+            height: '200px',
+            width: '100%',
+            /* Position your chart using x/y attributes */
+            x: '5%',
+            y: '5%',
+            series:[
+              {
+                values:[76,23,15,85,13]
+              },
+              {
+                values:[36,53,65,25,45]
+              }
+            ]
+          },
+          { /* Object containing chart data */
+            type: 'funnel',
+            height: '55%',
+            width: '50%',
+            x: '5%',
+            y: '200px',
+            series:[
+              {values:[30]},
+              {values:[15]},
+              {values:[5]},
+              {values:[3]}
+            ]
+          },
+          {
+            type: 'pie',
+            height: '55%',
+            width: '50%',
+            x: '50%',
+            y: '200px',
+            series:[
+              {values:[15]},
+              {values:[30]},
+              {values:[34]}
+            ]
+          }
+        ]
+      },
+    }
+  }
+}
+</script>

dist/zingchartVue.umd.js

@@ -1,6 +1,6 @@
 {
   "name": "zingchart-vue",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "ZingChart Vue Component wrapper to allow native vue syntax for javascript charts, chart events, chart methods and chart styling.",
   "author": "ZingSoft Inc",
   "scripts": {