@@ -35,7 +35,7 @@ const slides = [
3535 geometry: ' rectangle'
3636 }
3737 }],
38- ];
38+ ]
3939```
4040
4141Navigation controls beneath the chart will navigate between the slides. You can
@@ -48,10 +48,10 @@ the slides, only the data filter used.
4848
4949``` typescript
5050interface Chart {
51- config? : Vizzu .Config .Chart ;
52- filter? : Vizzu .Data .FilterCallback | null ;
53- style? : Vizzu .Styles .Chart ;
54- animOptions? : Vizzu .Anim .Options ;
51+ config? : Vizzu .Config .Chart
52+ filter? : Vizzu .Data .FilterCallback | null
53+ style? : Vizzu .Styles .Chart
54+ animOptions? : Vizzu .Anim .Options
5555}
5656```
5757
@@ -75,7 +75,7 @@ const slides = [
7575 duration: 1
7676 }
7777 }
78- ];
78+ ]
7979```
8080
8181!!! tip
@@ -94,7 +94,7 @@ list into the `story` descriptor object.
9494const story = {
9595 data: data,
9696 slides: slides
97- };
97+ }
9898```
9999
100100Here you can also set the ` story ` ` style ` property to set the chart style used
@@ -105,20 +105,20 @@ const style = {
105105 title: {
106106 fontSize: 50
107107 }
108- };
108+ }
109109
110110const story = {
111111 data: data,
112112 style: style,
113113 slides: slides
114- };
114+ }
115115```
116116
117117Then set up the created element with the configuration object:
118118
119119``` javascript
120- const vp = document .querySelector (' vizzu-player' );
121- vp .slides = story;
120+ const vp = document .querySelector (' vizzu-player' )
121+ vp .slides = story
122122```
123123
124124## Chart features
@@ -128,8 +128,8 @@ the viewer hovers their mouse over a specific element of the chart.
128128
129129``` javascript
130130vp .initializing .then ((chart ) => {
131- chart .feature (" tooltip" , true );
132- });
131+ chart .feature (" tooltip" , true )
132+ })
133133```
134134
135135!!! tip
@@ -147,8 +147,8 @@ events.
147147vp .initializing .then ((chart ) => {
148148 chart .on (" click" , (event ) => {
149149 alert (JSON .stringify (event .detail ))
150- });
151- });
150+ })
151+ })
152152```
153153
154154!!! tip
0 commit comments