visualifyjs 2.5.3-2.dev → 2.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/visualify.js +3 -3
- package/docs/docs/Rechart/funnel.md +0 -48
- package/docs/docs/Rechart/scatter.md +0 -298
- package/docs/docs/_coverpage.md +1 -1
- package/docs/docs/_sidebar.md +0 -1
- package/docs/docs/configuration.md +3 -1
- package/docs/docs/log.md +1 -9
- package/docs/docs/quickstart.md +4 -9
- package/docs/static/js/configuration.js +1 -1
- package/docs/static/js/visualify.js +3 -3
- package/package.json +1 -1
- package/src/core/components/parser.scatterBio.js +4 -12
- package/src/core/components/scatterL.js +3 -3
- package/src/core/modules/echartswitcher.js +1 -1
- package/src/core/parser/echart.general.js +2 -6
@@ -117,58 +117,10 @@ const Contrast_funnel = {
|
|
117
117
|
return getOption;`
|
118
118
|
};
|
119
119
|
|
120
|
-
const Multiple_funnel = {
|
121
|
-
code: `const getOption = () => {
|
122
|
-
return {
|
123
|
-
type: 'funnel',
|
124
|
-
data: {
|
125
|
-
'Funnel 1': [
|
126
|
-
{ value: 60, name: 'APP' },
|
127
|
-
{ value: 40, name: 'PC' },
|
128
|
-
{ value: 20, name: 'Mobile' },
|
129
|
-
{ value: 80, name: 'Wechat' },
|
130
|
-
{ value: 100, name: 'Mini App' }
|
131
|
-
],
|
132
|
-
'Funnel 2': [
|
133
|
-
{ value: 60, name: 'APP' },
|
134
|
-
{ value: 40, name: 'PC' },
|
135
|
-
{ value: 20, name: 'Mobile' },
|
136
|
-
{ value: 80, name: 'Wechat' },
|
137
|
-
{ value: 100, name: 'Mini App' }
|
138
|
-
],
|
139
|
-
},
|
140
|
-
width: ['35%','35%'],
|
141
|
-
left: ['10%','55%'],
|
142
|
-
sort: [ 'descending', 'ascending'],
|
143
|
-
label: [
|
144
|
-
{
|
145
|
-
position: 'left',
|
146
|
-
},
|
147
|
-
{
|
148
|
-
position: 'right',
|
149
|
-
}
|
150
|
-
],
|
151
|
-
tooltip: {
|
152
|
-
trigger: 'item',
|
153
|
-
formatter: '{a} <br/>{b} : {c}%'
|
154
|
-
},
|
155
|
-
toolbox: {
|
156
|
-
feature: {
|
157
|
-
dataView: { readOnly: false },
|
158
|
-
restore: {},
|
159
|
-
saveAsImage: {}
|
160
|
-
}
|
161
|
-
}
|
162
|
-
}
|
163
|
-
};
|
164
|
-
return getOption;`
|
165
|
-
};
|
166
|
-
|
167
120
|
const ex1 = new $visualify.LiveEditor(Basic_Funnel).mount('#ex1');
|
168
121
|
const ex2 = new $visualify.LiveEditor(Pyramid_Funnel).mount('#ex2');
|
169
122
|
const ex3 = new $visualify.LiveEditor(More_Funnel).mount('#ex3');
|
170
123
|
const ex4 = new $visualify.LiveEditor(Contrast_funnel).mount('#ex4');
|
171
|
-
const ex5 = new $visualify.LiveEditor(Multiple_funnel).mount('#ex5');
|
172
124
|
</script>
|
173
125
|
|
174
126
|
# Radar Chart
|
@@ -1,298 +0,0 @@
|
|
1
|
-
<script defers>
|
2
|
-
|
3
|
-
function rangeRandom(min, max, precision) {
|
4
|
-
return (Math.random() * (max - min) + min).toFixed(precision)
|
5
|
-
}
|
6
|
-
|
7
|
-
const randomData = []
|
8
|
-
|
9
|
-
for (let i = 0; i < 50; i++) {
|
10
|
-
randomData.push([
|
11
|
-
rangeRandom(20, 200, 2), rangeRandom(10, 100, 2)
|
12
|
-
])
|
13
|
-
}
|
14
|
-
|
15
|
-
const Basic_Scatter = {
|
16
|
-
code:
|
17
|
-
`const getOption = () => {
|
18
|
-
return {
|
19
|
-
type: 'scatter',
|
20
|
-
data: {
|
21
|
-
'random': ${JSON.stringify(randomData)},
|
22
|
-
},
|
23
|
-
}
|
24
|
-
};
|
25
|
-
return getOption;`
|
26
|
-
};
|
27
|
-
|
28
|
-
const Grouped_Scatter = {
|
29
|
-
code: `const getOption = () => {
|
30
|
-
return {
|
31
|
-
type: 'scatter',
|
32
|
-
data: {
|
33
|
-
'female': [
|
34
|
-
[161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6],
|
35
|
-
[170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
|
36
|
-
[172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0],
|
37
|
-
[147.2, 49.8], [168.2, 49.2], [175.0, 73.2], [157.0, 47.8], [167.6, 68.8],
|
38
|
-
[159.5, 50.6], [175.0, 82.5], [166.8, 57.2], [176.5, 87.8], [170.2, 72.8],
|
39
|
-
[174.0, 54.5], [173.0, 59.8], [179.9, 67.3], [170.5, 67.8], [160.0, 47.0],
|
40
|
-
[154.4, 46.2], [162.0, 55.0], [176.5, 83.0], [160.0, 54.4], [152.0, 45.8],
|
41
|
-
[162.1, 53.6], [170.0, 73.2], [160.2, 52.1], [161.3, 67.9], [166.4, 56.6],
|
42
|
-
[168.9, 62.3], [163.8, 58.5], [167.6, 54.5], [160.0, 50.2], [161.3, 60.3],
|
43
|
-
[167.6, 58.3], [165.1, 56.2], [160.0, 50.2], [170.0, 72.9], [157.5, 59.8],
|
44
|
-
[167.6, 61.0], [160.7, 69.1], [163.2, 55.9], [152.4, 46.5], [157.5, 54.3],
|
45
|
-
[168.3, 54.8], [180.3, 60.7], [165.5, 60.0], [165.0, 62.0], [164.5, 60.3],
|
46
|
-
[156.0, 52.7], [160.0, 74.3], [163.0, 62.0], [165.7, 73.1], [161.0, 80.0],
|
47
|
-
[162.0, 54.7], [166.0, 53.2], [174.0, 75.7], [172.7, 61.1], [167.6, 55.7],
|
48
|
-
[151.1, 48.7], [164.5, 52.3], [163.5, 50.0], [152.0, 59.3], [169.0, 62.5],
|
49
|
-
[164.0, 55.7], [161.2, 54.8], [155.0, 45.9], [170.0, 70.6], [176.2, 67.2],
|
50
|
-
[170.0, 69.4], [162.5, 58.2], [170.3, 64.8], [164.1, 71.6], [169.5, 52.8],
|
51
|
-
[163.2, 59.8], [154.5, 49.0], [159.8, 50.0], [173.2, 69.2], [170.0, 55.9],
|
52
|
-
[161.4, 63.4], [169.0, 58.2], [166.2, 58.6], [159.4, 45.7], [162.5, 52.2],
|
53
|
-
[159.0, 48.6], [162.8, 57.8], [159.0, 55.6], [179.8, 66.8], [162.9, 59.4],
|
54
|
-
[161.0, 53.6], [151.1, 73.2], [168.2, 53.4], [168.9, 69.0], [173.2, 58.4],
|
55
|
-
[171.8, 56.2], [178.0, 70.6], [164.3, 59.8], [163.0, 72.0], [168.5, 65.2],
|
56
|
-
[166.8, 56.6], [172.7, 105.2], [163.5, 51.8], [169.4, 63.4], [167.8, 59.0],
|
57
|
-
[159.5, 47.6], [167.6, 63.0], [161.2, 55.2], [160.0, 45.0], [163.2, 54.0],
|
58
|
-
[162.2, 50.2], [161.3, 60.2], [149.5, 44.8], [157.5, 58.8], [163.2, 56.4],
|
59
|
-
[172.7, 62.0], [155.0, 49.2], [156.5, 67.2], [164.0, 53.8], [160.9, 54.4],
|
60
|
-
[162.8, 58.0], [167.0, 59.8], [160.0, 54.8], [160.0, 43.2], [168.9, 60.5],
|
61
|
-
[158.2, 46.4], [156.0, 64.4], [160.0, 48.8], [167.1, 62.2], [158.0, 55.5],
|
62
|
-
[167.6, 57.8], [156.0, 54.6], [162.1, 59.2], [173.4, 52.7], [159.8, 53.2],
|
63
|
-
[170.5, 64.5], [159.2, 51.8], [157.5, 56.0], [161.3, 63.6], [162.6, 63.2],
|
64
|
-
[160.0, 59.5], [168.9, 56.8], [165.1, 64.1], [162.6, 50.0], [165.1, 72.3],
|
65
|
-
[166.4, 55.0], [160.0, 55.9], [152.4, 60.4], [170.2, 69.1], [162.6, 84.5],
|
66
|
-
[170.2, 55.9], [158.8, 55.5], [172.7, 69.5], [167.6, 76.4], [162.6, 61.4],
|
67
|
-
[167.6, 65.9], [156.2, 58.6], [175.2, 66.8], [172.1, 56.6], [162.6, 58.6],
|
68
|
-
[160.0, 55.9], [165.1, 59.1], [182.9, 81.8], [166.4, 70.7], [165.1, 56.8],
|
69
|
-
[177.8, 60.0], [165.1, 58.2], [175.3, 72.7], [154.9, 54.1], [158.8, 49.1],
|
70
|
-
[172.7, 75.9], [168.9, 55.0], [161.3, 57.3], [167.6, 55.0], [165.1, 65.5],
|
71
|
-
[175.3, 65.5], [157.5, 48.6], [163.8, 58.6], [167.6, 63.6], [165.1, 55.2],
|
72
|
-
[165.1, 62.7], [168.9, 56.6], [162.6, 53.9], [164.5, 63.2], [176.5, 73.6],
|
73
|
-
[168.9, 62.0], [175.3, 63.6], [159.4, 53.2], [160.0, 53.4], [170.2, 55.0],
|
74
|
-
[162.6, 70.5], [167.6, 54.5], [162.6, 54.5], [160.7, 55.9], [160.0, 59.0],
|
75
|
-
[157.5, 63.6], [162.6, 54.5], [152.4, 47.3], [170.2, 67.7], [165.1, 80.9],
|
76
|
-
[172.7, 70.5], [165.1, 60.9], [170.2, 63.6], [170.2, 54.5], [170.2, 59.1],
|
77
|
-
[161.3, 70.5], [167.6, 52.7], [167.6, 62.7], [165.1, 86.3], [162.6, 66.4],
|
78
|
-
[152.4, 67.3], [168.9, 63.0], [170.2, 73.6], [175.2, 62.3], [175.2, 57.7],
|
79
|
-
[160.0, 55.4], [165.1, 104.1], [174.0, 55.5], [170.2, 77.3], [160.0, 80.5],
|
80
|
-
[167.6, 64.5], [167.6, 72.3], [167.6, 61.4], [154.9, 58.2], [162.6, 81.8],
|
81
|
-
[175.3, 63.6], [171.4, 53.4], [157.5, 54.5], [165.1, 53.6], [160.0, 60.0],
|
82
|
-
[174.0, 73.6], [162.6, 61.4], [174.0, 55.5], [162.6, 63.6], [161.3, 60.9],
|
83
|
-
[156.2, 60.0], [149.9, 46.8], [169.5, 57.3], [160.0, 64.1], [175.3, 63.6],
|
84
|
-
[169.5, 67.3], [160.0, 75.5], [172.7, 68.2], [162.6, 61.4], [157.5, 76.8],
|
85
|
-
[176.5, 71.8], [164.4, 55.5], [160.7, 48.6], [174.0, 66.4], [163.8, 67.3]
|
86
|
-
],
|
87
|
-
"male": [
|
88
|
-
[174.0, 65.6], [175.3, 71.8], [193.5, 80.7], [186.5, 72.6], [187.2, 78.8],
|
89
|
-
[181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6],
|
90
|
-
[180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0],
|
91
|
-
[184.0, 79.6], [192.7, 93.8], [171.5, 70.0], [173.0, 72.4], [176.0, 85.9],
|
92
|
-
[176.0, 78.8], [180.5, 77.8], [172.7, 66.2], [176.0, 86.4], [173.5, 81.8],
|
93
|
-
[178.0, 89.6], [180.3, 82.8], [180.3, 76.4], [164.5, 63.2], [173.0, 60.9],
|
94
|
-
[183.5, 74.8], [175.5, 70.0], [188.0, 72.4], [189.2, 84.1], [172.8, 69.1],
|
95
|
-
[170.0, 59.5], [182.0, 67.2], [170.0, 61.3], [177.8, 68.6], [184.2, 80.1],
|
96
|
-
[186.7, 87.8], [171.4, 84.7], [172.7, 73.4], [175.3, 72.1], [180.3, 82.6],
|
97
|
-
[182.9, 88.7], [188.0, 84.1], [177.2, 94.1], [172.1, 74.9], [167.0, 59.1],
|
98
|
-
[169.5, 75.6], [174.0, 86.2], [172.7, 75.3], [182.2, 87.1], [164.1, 55.2],
|
99
|
-
[163.0, 57.0], [171.5, 61.4], [184.2, 76.8], [174.0, 86.8], [174.0, 72.2],
|
100
|
-
[177.0, 71.6], [186.0, 84.8], [167.0, 68.2], [171.8, 66.1], [182.0, 72.0],
|
101
|
-
[167.0, 64.6], [177.8, 74.8], [164.5, 70.0], [192.0, 101.6], [175.5, 63.2],
|
102
|
-
[171.2, 79.1], [181.6, 78.9], [167.4, 67.7], [181.1, 66.0], [177.0, 68.2],
|
103
|
-
[174.5, 63.9], [177.5, 72.0], [170.5, 56.8], [182.4, 74.5], [197.1, 90.9],
|
104
|
-
[180.1, 93.0], [175.5, 80.9], [180.6, 72.7], [184.4, 68.0], [175.5, 70.9],
|
105
|
-
[180.6, 72.5], [177.0, 72.5], [177.1, 83.4], [181.6, 75.5], [176.5, 73.0],
|
106
|
-
[175.0, 70.2], [174.0, 73.4], [165.1, 70.5], [177.0, 68.9], [192.0, 102.3],
|
107
|
-
[176.5, 68.4], [169.4, 65.9], [182.1, 75.7], [179.8, 84.5], [175.3, 87.7],
|
108
|
-
[184.9, 86.4], [177.3, 73.2], [167.4, 53.9], [178.1, 72.0], [168.9, 55.5],
|
109
|
-
[157.2, 58.4], [180.3, 83.2], [170.2, 72.7], [177.8, 64.1], [172.7, 72.3],
|
110
|
-
[165.1, 65.0], [186.7, 86.4], [165.1, 65.0], [174.0, 88.6], [175.3, 84.1],
|
111
|
-
[185.4, 66.8], [177.8, 75.5], [180.3, 93.2], [180.3, 82.7], [177.8, 58.0],
|
112
|
-
[177.8, 79.5], [177.8, 78.6], [177.8, 71.8], [177.8, 116.4], [163.8, 72.2],
|
113
|
-
[188.0, 83.6], [198.1, 85.5], [175.3, 90.9], [166.4, 85.9], [190.5, 89.1],
|
114
|
-
[166.4, 75.0], [177.8, 77.7], [179.7, 86.4], [172.7, 90.9], [190.5, 73.6],
|
115
|
-
[185.4, 76.4], [168.9, 69.1], [167.6, 84.5], [175.3, 64.5], [170.2, 69.1],
|
116
|
-
[190.5, 108.6], [177.8, 86.4], [190.5, 80.9], [177.8, 87.7], [184.2, 94.5],
|
117
|
-
[176.5, 80.2], [177.8, 72.0], [180.3, 71.4], [171.4, 72.7], [172.7, 84.1],
|
118
|
-
[172.7, 76.8], [177.8, 63.6], [177.8, 80.9], [182.9, 80.9], [170.2, 85.5],
|
119
|
-
[167.6, 68.6], [175.3, 67.7], [165.1, 66.4], [185.4, 102.3], [181.6, 70.5],
|
120
|
-
[172.7, 95.9], [190.5, 84.1], [179.1, 87.3], [175.3, 71.8], [170.2, 65.9],
|
121
|
-
[193.0, 95.9], [171.4, 91.4], [177.8, 81.8], [177.8, 96.8], [167.6, 69.1],
|
122
|
-
[167.6, 82.7], [180.3, 75.5], [182.9, 79.5], [176.5, 73.6], [186.7, 91.8],
|
123
|
-
[188.0, 84.1], [188.0, 85.9], [177.8, 81.8], [174.0, 82.5], [177.8, 80.5],
|
124
|
-
[171.4, 70.0], [185.4, 81.8], [185.4, 84.1], [188.0, 90.5], [188.0, 91.4],
|
125
|
-
[182.9, 89.1], [176.5, 85.0], [175.3, 69.1], [175.3, 73.6], [188.0, 80.5],
|
126
|
-
[188.0, 82.7], [175.3, 86.4], [170.5, 67.7], [179.1, 92.7], [177.8, 93.6],
|
127
|
-
[175.3, 70.9], [182.9, 75.0], [170.8, 93.2], [188.0, 93.2], [180.3, 77.7],
|
128
|
-
[177.8, 61.4], [185.4, 94.1], [168.9, 75.0], [185.4, 83.6], [180.3, 85.5],
|
129
|
-
[174.0, 73.9], [167.6, 66.8], [182.9, 87.3], [160.0, 72.3], [180.3, 88.6],
|
130
|
-
[167.6, 75.5], [186.7, 101.4], [175.3, 91.1], [175.3, 67.3], [175.9, 77.7],
|
131
|
-
[175.3, 81.8], [179.1, 75.5], [181.6, 84.5], [177.8, 76.6], [182.9, 85.0],
|
132
|
-
[177.8, 102.5], [184.2, 77.3], [179.1, 71.8], [176.5, 87.9], [188.0, 94.3],
|
133
|
-
[174.0, 70.9], [167.6, 64.5], [170.2, 77.3], [167.6, 72.3], [188.0, 87.3],
|
134
|
-
[174.0, 80.0], [176.5, 82.3], [180.3, 73.6], [167.6, 74.1], [188.0, 85.9],
|
135
|
-
[180.3, 73.2], [167.6, 76.3], [183.0, 65.9], [183.0, 90.9], [179.1, 89.1],
|
136
|
-
[170.2, 62.3], [177.8, 82.7], [179.1, 79.1], [190.5, 98.2], [177.8, 84.1],
|
137
|
-
[180.3, 83.2], [180.3, 83.2]
|
138
|
-
]
|
139
|
-
},
|
140
|
-
xAxis:{
|
141
|
-
min: 140,
|
142
|
-
max: 200,
|
143
|
-
},
|
144
|
-
yAxis:{
|
145
|
-
min: 40,
|
146
|
-
max: 120,
|
147
|
-
},
|
148
|
-
xAxisLabel: 'Height',
|
149
|
-
yAxisLabel: 'Weight',
|
150
|
-
xAxisNameGap: 5,
|
151
|
-
yAxisNameGap: 5,
|
152
|
-
tooltip: {
|
153
|
-
axisPointer: {
|
154
|
-
type: 'cross'
|
155
|
-
}
|
156
|
-
}
|
157
|
-
}
|
158
|
-
};
|
159
|
-
return getOption;`
|
160
|
-
};
|
161
|
-
|
162
|
-
const Quadrant = {
|
163
|
-
code: `const getOption = () => {
|
164
|
-
return {
|
165
|
-
type: 'scatter',
|
166
|
-
data: {
|
167
|
-
'Data':
|
168
|
-
[{
|
169
|
-
value: [1, 1],
|
170
|
-
symbol: 'none',
|
171
|
-
}, {
|
172
|
-
value: [0, -1],
|
173
|
-
symbol: 'none',
|
174
|
-
},
|
175
|
-
[0.35, 0.18],
|
176
|
-
[0.55, 0.77],
|
177
|
-
[0.88, 0.23],
|
178
|
-
[0.23, -0.25],
|
179
|
-
[0.65, -0.66]
|
180
|
-
],
|
181
|
-
},
|
182
|
-
markArea: {
|
183
|
-
itemStyle: {
|
184
|
-
color: '#FFFAFA',
|
185
|
-
opacity: '0.7'
|
186
|
-
},
|
187
|
-
emphasis: {
|
188
|
-
itemStyle: {
|
189
|
-
color: '#FFFAFA',
|
190
|
-
opacity: '0.7'
|
191
|
-
},
|
192
|
-
},
|
193
|
-
data: [
|
194
|
-
[{
|
195
|
-
coord: [0.5, 0]
|
196
|
-
}, {
|
197
|
-
coord: [1, 1]
|
198
|
-
}],
|
199
|
-
[{
|
200
|
-
coord: [0.5, 0]
|
201
|
-
}, {
|
202
|
-
coord: [0, -1]
|
203
|
-
}]
|
204
|
-
]
|
205
|
-
},
|
206
|
-
markLine: {
|
207
|
-
symbol: 'none',
|
208
|
-
data: [
|
209
|
-
[{
|
210
|
-
value: 0.5,
|
211
|
-
coord: [0.5, -1]
|
212
|
-
}, {
|
213
|
-
coord: [0.5, 1]
|
214
|
-
}]
|
215
|
-
]
|
216
|
-
},
|
217
|
-
legend: false,
|
218
|
-
}
|
219
|
-
};
|
220
|
-
return getOption;`
|
221
|
-
};
|
222
|
-
|
223
|
-
const Bubble = {
|
224
|
-
code: `const getOption = () => {
|
225
|
-
return {
|
226
|
-
type: 'scatter',
|
227
|
-
data: {
|
228
|
-
'bubble': ${JSON.stringify(randomData)},
|
229
|
-
},
|
230
|
-
itemStyle: {
|
231
|
-
normal: {
|
232
|
-
opacity: 0.8
|
233
|
-
}
|
234
|
-
},
|
235
|
-
symbolSize: function(val) {
|
236
|
-
const [a, b] = val
|
237
|
-
return Math.abs(a - b) / 2
|
238
|
-
},
|
239
|
-
}
|
240
|
-
};
|
241
|
-
return getOption;`
|
242
|
-
};
|
243
|
-
|
244
|
-
const ex1 = new $visualify.LiveEditor(Basic_Scatter).mount('#ex1');
|
245
|
-
const ex2 = new $visualify.LiveEditor(Grouped_Scatter).mount('#ex2');
|
246
|
-
const ex3 = new $visualify.LiveEditor(Quadrant).mount('#ex3');
|
247
|
-
const ex4 = new $visualify.LiveEditor(Bubble).mount('#ex4');
|
248
|
-
</script>
|
249
|
-
|
250
|
-
# Scatter Chart
|
251
|
-
|
252
|
-
## Basic Scatter Chart
|
253
|
-
|
254
|
-
<div id="ex1"></div>
|
255
|
-
|
256
|
-
## Grouped Scatter Chart
|
257
|
-
|
258
|
-
<div id="ex2"></div>
|
259
|
-
|
260
|
-
## Quadrant Scatter Chart
|
261
|
-
|
262
|
-
<div id="ex3"></div>
|
263
|
-
|
264
|
-
## Bubble Scatter Chart
|
265
|
-
|
266
|
-
<div id="ex4"></div>
|
267
|
-
|
268
|
-
## Overall Configuration
|
269
|
-
|
270
|
-
### Basic Configuration
|
271
|
-
|
272
|
-
The basic configuration includes:
|
273
|
-
|
274
|
-
| Attribute | Type | Description | Choice | Default |
|
275
|
-
| --------------- | ----------- | ----------------------- | -------------------------- | ------- |
|
276
|
-
| title | string | The main title | User-defined title | - |
|
277
|
-
| subtitle | string | A secondary title | User-defined subtitle | - |
|
278
|
-
| width | string | The width dimension | Any valid CSS width value | - |
|
279
|
-
| height | string | The height dimension | Any valid CSS height value | 400px |
|
280
|
-
| legend | bool/object | show or hide legend | False, User-defined legend | {} |
|
281
|
-
| xAxis | array/false | The xAxis | User-defined xAxis Data | [] |
|
282
|
-
| yAxis | array/false | The yAxis | User-defined yAxis Data | [] |
|
283
|
-
| label | object | The label | User-defined label | {} |
|
284
|
-
| labelLine | object | The labelLine | User-defined labelLine | {} |
|
285
|
-
| tooltip | object | The tooltip | User-defined tooltip | {} |
|
286
|
-
| xAxisLineshow | bool | show or hide xAxisLines | True, False | true |
|
287
|
-
| yAxisLineshow | bool | show or hide yAxisLines | True, False | true |
|
288
|
-
| xAxisLabelShow | bool | show or hide xAxisLabel | True, False | true |
|
289
|
-
| yAxisLabelShow | bool | show or hide yAxisLabel | True, False | true |
|
290
|
-
| xAxisLabelColor | string | The xAxisLabelColor | Any valid CSS color value | - |
|
291
|
-
| yAxisLabelColor | string | The yAxisLabelColor | Any valid CSS color value | - |
|
292
|
-
|
293
|
-
### Data Configuration
|
294
|
-
|
295
|
-
| Attribute | Type | Description | Choice | Default |
|
296
|
-
| --------- | ------------ | ----------- | ----------------- | --------- |
|
297
|
-
| data | string | The data | User-defined data | {} |
|
298
|
-
| type | string/array | The type | 'line', 'bar' | undefined |
|
package/docs/docs/_coverpage.md
CHANGED
package/docs/docs/_sidebar.md
CHANGED
package/docs/docs/log.md
CHANGED
package/docs/docs/quickstart.md
CHANGED
@@ -8,12 +8,9 @@ Insert the `visualify` script in your `index.html` file.
|
|
8
8
|
```html
|
9
9
|
<head>
|
10
10
|
...
|
11
|
-
<script src="https://
|
12
|
-
|
11
|
+
<script src="https://visualify.pharmacy.arizona.edu/dist/visualify.js"></script>
|
13
12
|
<!-- or -->
|
14
|
-
|
15
|
-
<!-- or -->
|
16
|
-
<!-- script src="https://cdn.jsdelivr.net/gh/visualify/visualify.js@release/dist/visualify.js"></script> -->
|
13
|
+
<!-- script src="https://cdn.jsdelivr.net/npm/visualifyjs"></!-- -->
|
17
14
|
</head>
|
18
15
|
```
|
19
16
|
|
@@ -91,11 +88,9 @@ create `index.html`:
|
|
91
88
|
//...
|
92
89
|
};
|
93
90
|
</script>
|
94
|
-
<script src="https://
|
95
|
-
<!-- or -->
|
96
|
-
<!-- <script src="https://visualify.pharmacy.arizona.edu/dist/visualify.js"></script> -->
|
91
|
+
<script src="https://visualify.pharmacy.arizona.edu/dist/visualify.js"></script>
|
97
92
|
<!-- or -->
|
98
|
-
|
93
|
+
<!-- script src="https://cdn.jsdelivr.net/npm/visualifyjs"></!-- -->
|
99
94
|
</body>
|
100
95
|
</html>
|
101
96
|
|
@@ -33,7 +33,7 @@ config.corner = {
|
|
33
33
|
config.auto2top = true;
|
34
34
|
|
35
35
|
// basePath (String) | Base path of the website. You can set it to another directory or another domain name.
|
36
|
-
config.basePath = 'docs/';
|
36
|
+
config.basePath = 'https://visualify.github.io/visualify.js/docs/';
|
37
37
|
|
38
38
|
// autoHeader (Boolean) | Default: false | prepend a header to the page before converting it to HTML.
|
39
39
|
config.autoHeader = false;
|