Merge pull request #59 from vizzuhq/0.4.1-RC

Fixed error on chart.animate({ style: null })

Author: veghdev

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## [Unreleased]
 
+## [0.4.1] - 2021-12-22
+
+### Fixed
+
+- Fixed error on chart.animate({ style: null })
+
 ## [0.4.0] - 2021-12-21
 
 ### Added

docs/content/tutorial/0-intro.md

@@ -17,7 +17,7 @@ Import the library into a JavaScript file or script tag in your web page
 ```html
 <script type="module">
 import Vizzu from 
-  'https://cdn.jsdelivr.net/npm/[email protected].0/dist/vizzu.min.js';
+  'https://cdn.jsdelivr.net/npm/[email protected].1/dist/vizzu.min.js';
 </script>
 ```
 

docs/generator/example.js

@@ -66,7 +66,7 @@ class Example
 			+ '</pre>';
 		scriptElement.innerHTML += `
 <script type="module">
-import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].0/dist/vizzu.min.js';
+import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].1/dist/vizzu.min.js';
 ${this.imports}
 
 let chart = new Vizzu('vizzuCanvas');

docs/script/tutorial/vizzu-view.js

@@ -1,4 +1,4 @@
-import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].0/dist/vizzu.min.js';
+import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].1/dist/vizzu.min.js';
 //import Vizzu from '/example/lib/vizzu.js';
 import getBase from './base.js';
 import data from './data.js'

example/example.js

@@ -81,9 +81,15 @@ let anim = chart.initializing
 			}
 		}
 	}
-))/*
-.then(chart => chart.animate({ tooltip: 10 }))
-.then(chart => chart.animate({ tooltip: 1 }))
+))
+.then(chart => chart.animate({ 
+//	config: { geometry: 'rectangle' },
+	style: { plot: { marker: { colorPalette: '#0055e8FF #003456FF #00AF10FF' } } } 
+}))
+.then(chart => chart.animate({ 
+	style: null 
+}))
+/*.then(chart => chart.animate({ tooltip: 1 }))
 .then(chart => chart.animate({ tooltip: 14 }))
 .then(chart => chart.animate({ tooltip: 10 }))
 .then(chart => chart.animate({ tooltip: 3 }))

src/apps/weblib/js-api/vizzu.js

@@ -102,10 +102,6 @@ export default class Vizzu {
   }
 
   setStyle(style) {
-    if (style === null) {
-      style = { "": null };
-    }
-
     this.iterateObject(style, (path, value) => {
       this.call(this.module._style_setValue)(path, value);
     });
@@ -238,6 +234,9 @@ export default class Vizzu {
         this.data.set(obj.data);
 
         // setting style, including CSS properties
+        if (obj.style === null) {
+          obj.style = { "": null };
+        }
         const style = JSON.parse(JSON.stringify(obj.style || {}));
         const props = getCSSCustomPropsForElement(
           this.container,

src/chart/main/version.cpp

@@ -1,3 +1,3 @@
 #include "version.h"
 
-const App::Version Vizzu::Main::version(0, 4, 0);
+const App::Version Vizzu::Main::version(0, 4, 1);

test/integration/modules/vizzu/vizzu-version.js

@@ -48,7 +48,9 @@ class VizzuVersion {
             "0.3.0",
             "0.3.1",
             "0.3.2",
-            "0.3.3"
+            "0.3.3",
+            "0.4.0",
+            "0.4.1"
         ];
         publicBetaList.slice().reverse().forEach((version, index) => {
             publicBetaList[index] = {num: version, url: VizzuUrl.getRemoteCdn() + "@" + version + "/dist/vizzu.min.js"};