Skip to content

Commit fb90814

Browse files
neuqzxyneuqzxy
authored
Merge pull request #164 from VisActor/release/0.0.20
[Auto release] release 0.0.20
2 parents 5c83c88 + 597e54c commit fb90814

File tree

70 files changed

+6542
-303
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+6542
-303
lines changed

‎common/config/rush/pnpm-config.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -89,10 +89,10 @@
8989
* PNPM documentation: https://pnpm.io/package_json#pnpmoverrides
9090
*/
9191
"globalOverrides": {
92-
// "@visactor/vrender": "0.21.2-vstory.2",
93-
// "@visactor/vrender-core": "0.21.2-vstory.2",
94-
// "@visactor/vrender-kits": "0.21.2-vstory.2",
95-
// "@visactor/vrender-components": "0.21.2-vstory.2",
92+
// "@visactor/vrender": "0.21.2-vstory.3",
93+
// "@visactor/vrender-core": "0.21.2-vstory.3",
94+
// "@visactor/vrender-kits": "0.21.2-vstory.3",
95+
// "@visactor/vrender-components": "0.21.2-vstory.3",
9696
// "@visactor/vscale": "0.18.5"
9797
// "example2": "npm:@company/example2@^1.0.0"
9898
},

‎common/config/rush/pnpm-lock.yaml

Lines changed: 152 additions & 152 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎common/config/rush/version-policies.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
[{"definitionName":"lockStepVersion","policyName":"vstoryMain","version":"0.0.19","nextBump":"patch"}]
1+
[{"definitionName":"lockStepVersion","policyName":"vstoryMain","version":"0.0.20","nextBump":"patch"}]

‎docs/assets/examples/en/infographic/bar-chart-leftRight.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory-infographic/pr
99

1010
# Bar Chart Infographic(Left-right Layout)
1111

12-
## Demo Code
12+
## Code Demo
1313

1414
```javascript livedemo template=vstory
1515
VStory.registerAll();
@@ -173,9 +173,8 @@ const dsl = {
173173
};
174174
const story = new VStory.Story(dsl, {
175175
dom: CONTAINER_ID,
176-
background: '#ebecf0',
177-
scaleX: 0.5,
178-
scaleY: 0.5
176+
scaleX: 0.7,
177+
scaleY: 0.7
179178
});
180179
const player = new VStory.Player(story);
181180
story.init(player);

‎docs/assets/examples/en/infographic/bar-chart-regional-sales.md

Lines changed: 199 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,199 @@
1+
---
2+
category: examples
3+
group: infographic
4+
title: Regional Sales
5+
keywords: templates, visualization, bar, ranking
6+
order: 1-8
7+
cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory-infographic/preview/regional-sales.png
8+
---
9+
10+
# Bar Chart Infographic(Regional Sales)
11+
12+
## Code Demo
13+
14+
```javascript livedemo template=vstory
15+
VStory.registerAll();
16+
17+
async function loadDSL() {
18+
const barSpec = {
19+
type: 'bar',
20+
color: [
21+
'rgba(96, 182, 195)',
22+
'rgba(112, 151, 169)',
23+
'rgba(239, 149, 77)',
24+
'rgba(239, 174, 117)',
25+
'rgba(182, 78, 67)'
26+
],
27+
padding: {
28+
left: 20,
29+
bottom: 80
30+
},
31+
data: [
32+
{
33+
id: 'id0',
34+
values: [
35+
{
36+
Region: 'Asia',
37+
Sales: 23000
38+
},
39+
{
40+
Region: 'South America',
41+
Sales: 16000
42+
},
43+
{
44+
Region: 'Europe',
45+
Sales: 12000
46+
},
47+
{
48+
Region: 'North America',
49+
Sales: 8000
50+
},
51+
{
52+
Region: 'Africa',
53+
Sales: 7200
54+
}
55+
]
56+
}
57+
],
58+
direction: 'horizontal',
59+
xField: 'Sales',
60+
yField: 'Region',
61+
seriesField: 'Region',
62+
title: {
63+
visible: true,
64+
text: 'Regional Sales',
65+
align: 'center',
66+
textStyle: {
67+
fontSize: 50,
68+
fill: '#fff'
69+
}
70+
},
71+
axes: [
72+
{
73+
orient: 'left',
74+
visible: false,
75+
paddingInner: 0.3
76+
},
77+
{
78+
orient: 'bottom',
79+
visible: false
80+
}
81+
],
82+
legends: [
83+
{
84+
visible: true,
85+
orient: 'top',
86+
item: {
87+
label: {
88+
style: {
89+
fill: '#fff'
90+
}
91+
}
92+
}
93+
}
94+
],
95+
label: {
96+
visible: true,
97+
position: 'inside',
98+
formatMethod: (text, datum) => {
99+
return `${datum.Sales / 10000}M`;
100+
},
101+
smartInvert: false,
102+
style: {
103+
fill: '#fff',
104+
fontSize: 20,
105+
lineWidth: 0
106+
}
107+
},
108+
background: 'rgba(0,0,0,0.2)'
109+
};
110+
return {
111+
characters: [
112+
{
113+
type: 'VChart',
114+
id: 'bar',
115+
zIndex: 10,
116+
position: {
117+
top: 50,
118+
left: 0,
119+
width: 1280,
120+
height: 720
121+
},
122+
options: {
123+
spec: barSpec
124+
}
125+
},
126+
{
127+
id: '0',
128+
type: 'Image',
129+
zIndex: 0,
130+
position: {
131+
x: 0,
132+
y: 0,
133+
width: 1280,
134+
height: 720
135+
},
136+
options: {
137+
graphic: {
138+
image:
139+
'https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory-infographic/resource/singleBar-background.jpg'
140+
}
141+
}
142+
},
143+
{
144+
id: '1',
145+
type: 'Rect',
146+
zIndex: 1,
147+
position: {
148+
x: 0,
149+
y: 0,
150+
width: 1280,
151+
height: 720
152+
},
153+
options: {
154+
graphic: {
155+
fill: 'black',
156+
fillOpacity: 0.7
157+
}
158+
}
159+
}
160+
],
161+
acts: [
162+
{
163+
id: 'default-chapter',
164+
scenes: [
165+
{
166+
id: 'scene0',
167+
actions: [
168+
{
169+
characterId: ['bar', '0', '1'],
170+
characterActions: [
171+
{
172+
action: 'appear',
173+
payload: {
174+
animation: {
175+
duration: 500
176+
}
177+
}
178+
}
179+
]
180+
}
181+
]
182+
}
183+
]
184+
}
185+
]
186+
};
187+
}
188+
189+
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 1280, height: 720, scaleX: 0.7, scaleY: 0.7 });
190+
const player = new VStory.Player(story);
191+
story.init(player);
192+
193+
loadDSL().then(dsl => {
194+
story.load(dsl);
195+
player.play(0);
196+
});
197+
window['story'] = story;
198+
window['vstory'] = story;
199+
```

‎docs/assets/examples/en/infographic/bar-hiv-chart.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -571,9 +571,8 @@ const dsl = {
571571
};
572572
const story = new VStory.Story(dsl, {
573573
dom: CONTAINER_ID,
574-
background: '#ebecf0',
575-
scaleX: 0.5,
576-
scaleY: 0.5
574+
scaleX: 0.7,
575+
scaleY: 0.7
577576
});
578577
const player = new VStory.Player(story);
579578
story.init(player);

‎docs/assets/examples/en/infographic/bar-work-in-same-industry.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -462,9 +462,8 @@ const dsl = {
462462
};
463463
const story = new VStory.Story(dsl, {
464464
dom: CONTAINER_ID,
465-
background: '#ebecf0',
466-
scaleX: 0.5,
467-
scaleY: 0.5
465+
scaleX: 0.7,
466+
scaleY: 0.7
468467
});
469468
const player = new VStory.Player(story);
470469
story.init(player);

‎docs/assets/examples/en/infographic/cat-stroke.md

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,12 @@ group: infographic
44
title: Pictogram Infographic(Cat Stroking Guide)
55
keywords: templates, visualization, pictogram, distribution
66
order: 1-0
7-
cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory-infographic/preview/cat-stroke-guide.png
7+
cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory-infographic/preview/cat-stroke-preview.png
88
---
99

1010
# Pictogram Infographic: Cat Stroke Guide
1111

12-
## Demo Code
12+
## Code Demo
1313

1414
```javascript livedemo template=vstory
1515
VStory.registerAll();
@@ -234,9 +234,8 @@ const dsl = {
234234
};
235235
const story = new VStory.Story(dsl, {
236236
dom: CONTAINER_ID,
237-
background: '#ebecf0',
238-
scaleX: 0.5,
239-
scaleY: 0.5
237+
scaleX: 0.7,
238+
scaleY: 0.7
240239
});
241240
const player = new VStory.Player(story);
242241
story.init(player);

‎docs/assets/examples/en/infographic/client-breakdown.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory-infographic/pr
99

1010
# Pie Chart Infographic(Client Breakdown)
1111

12-
## Demo Code
12+
## Code Demo
1313

1414
```javascript livedemo template=vstory
1515
VStory.registerAll();
@@ -308,9 +308,8 @@ const dsl = {
308308
};
309309
const story = new VStory.Story(dsl, {
310310
dom: CONTAINER_ID,
311-
background: '#ebecf0',
312-
scaleX: 0.5,
313-
scaleY: 0.5
311+
scaleX: 0.7,
312+
scaleY: 0.7
314313
});
315314
const player = new VStory.Player(story);
316315
story.init(player);

‎docs/assets/examples/en/infographic/line-chart-leftRight.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory-infographic/pr
99

1010
# Line Chart Infographic(Left-right Layout)
1111

12-
## Demo Code
12+
## Code Demo
1313

1414
```javascript livedemo template=vstory
1515
VStory.registerAll();
@@ -266,9 +266,8 @@ const dsl = {
266266
};
267267
const story = new VStory.Story(dsl, {
268268
dom: CONTAINER_ID,
269-
background: '#ebecf0',
270-
scaleX: 0.5,
271-
scaleY: 0.5
269+
scaleX: 0.7,
270+
scaleY: 0.7
272271
});
273272
const player = new VStory.Player(story);
274273
story.init(player);

‎docs/assets/examples/en/infographic/pie-chart-leftRight.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory-infographic/pr
99

1010
# Pie Chart Infographic(Left-right Layout)
1111

12-
## Demo Code
12+
## Code Demo
1313

1414
```javascript livedemo template=vstory
1515
VStory.registerAll();
@@ -207,9 +207,8 @@ const dsl = {
207207
};
208208
const story = new VStory.Story(dsl, {
209209
dom: CONTAINER_ID,
210-
background: '#ebecf0',
211-
scaleX: 0.5,
212-
scaleY: 0.5
210+
scaleX: 0.7,
211+
scaleY: 0.7
213212
});
214213
const player = new VStory.Player(story);
215214
story.init(player);

0 commit comments

Comments
 (0)