Histogram

普通直方图

普通直方图
1{
2  "chartType": "histogram",
3  "dataset": [
4    { "v": 1 },
5    { "v": 1 },
6    { "v": 1 },
7    { "v": 2 },
8    { "v": 5 },
9    { "v": 7 },
10    { "v": 8 },
11    { "v": 9 },
12    { "v": 10 }
13  ]
14}

直方图增加KDE回归线

直方图增加KDE回归线
1{
2  "chartType": "histogram",
3  "dataset": [
4    { "v": 1 },
5    { "v": 1 },
6    { "v": 1 },
7    { "v": 2 },
8    { "v": 5 },
9    { "v": 7 },
10    { "v": 8 },
11    { "v": 9 },
12    { "v": 10 }
13  ],
14  "kdeRegressionLine": {
15    "color": "red"
16  }
17}

使用分箱数据展示直方图

使用分箱数据展示直方图
1{
2  "chartType": "histogram",
3  "dataset": [
4    {
5      "x0": -400,
6      "x1": -380,
7      "frequency": 0
8    },
9    {
10      "x0": -380,
11      "x1": -360,
12      "frequency": 4
13    },
14    {
15      "x0": -360,
16      "x1": -340,
17      "frequency": 7
18    },
19    {
20      "x0": -340,
21      "x1": -320,
22      "frequency": 7
23    },
24    {
25      "x0": -320,
26      "x1": -300,
27      "frequency": 18
28    },
29    {
30      "x0": -300,
31      "x1": -280,
32      "frequency": 30
33    },
34    {
35      "x0": -280,
36      "x1": -260,
37      "frequency": 33
38    },
39    {
40      "x0": -260,
41      "x1": -240,
42      "frequency": 80
43    },
44    {
45      "x0": -240,
46      "x1": -220,
47      "frequency": 98
48    },
49    {
50      "x0": -220,
51      "x1": -200,
52      "frequency": 124
53    },
54    {
55      "x0": -200,
56      "x1": -180,
57      "frequency": 161
58    },
59    {
60      "x0": -180,
61      "x1": -160,
62      "frequency": 176
63    },
64    {
65      "x0": -160,
66      "x1": -140,
67      "frequency": 227
68    },
69    {
70      "x0": -140,
71      "x1": -120,
72      "frequency": 276
73    },
74    {
75      "x0": -120,
76      "x1": -100,
77      "frequency": 321
78    },
79    {
80      "x0": -100,
81      "x1": -80,
82      "frequency": 452
83    },
84    {
85      "x0": -80,
86      "x1": -60,
87      "frequency": 441
88    },
89    {
90      "x0": -60,
91      "x1": -40,
92      "frequency": 505
93    },
94    {
95      "x0": -40,
96      "x1": -20,
97      "frequency": 521
98    },
99    {
100      "x0": -20,
101      "x1": 0,
102      "frequency": 733
103    },
104    {
105      "x0": 0,
106      "x1": 20,
107      "frequency": 892
108    },
109    {
110      "x0": 20,
111      "x1": 40,
112      "frequency": 362
113    },
114    {
115      "x0": 40,
116      "x1": 60,
117      "frequency": 267
118    },
119    {
120      "x0": 60,
121      "x1": 80,
122      "frequency": 223
123    },
124    {
125      "x0": 80,
126      "x1": 100,
127      "frequency": 157
128    },
129    {
130      "x0": 100,
131      "x1": 120,
132      "frequency": 170
133    },
134    {
135      "x0": 120,
136      "x1": 140,
137      "frequency": 124
138    },
139    {
140      "x0": 140,
141      "x1": 160,
142      "frequency": 112
143    },
144    {
145      "x0": 160,
146      "x1": 180,
147      "frequency": 73
148    },
149    {
150      "x0": 180,
151      "x1": 200,
152      "frequency": 80
153    },
154    {
155      "x0": 200,
156      "x1": 220,
157      "frequency": 49
158    },
159    {
160      "x0": 220,
161      "x1": 240,
162      "frequency": 33
163    },
164    {
165      "x0": 240,
166      "x1": 260,
167      "frequency": 30
168    },
169    {
170      "x0": 260,
171      "x1": 280,
172      "frequency": 21
173    },
174    {
175      "x0": 280,
176      "x1": 300,
177      "frequency": 9
178    },
179    {
180      "x0": 300,
181      "x1": 320,
182      "frequency": 13
183    },
184    {
185      "x0": 320,
186      "x1": 340,
187      "frequency": 11
188    },
189    {
190      "x0": 340,
191      "x1": 360,
192      "frequency": 5
193    },
194    {
195      "x0": 360,
196      "x1": 380,
197      "frequency": 4
198    },
199    {
200      "x0": 380,
201      "x1": 400,
202      "frequency": 4
203    },
204    {
205      "x0": 400,
206      "x1": 420,
207      "frequency": 2
208    },
209    {
210      "x0": 420,
211      "x1": 440,
212      "frequency": 8
213    },
214    {
215      "x0": 440,
216      "x1": 460,
217      "frequency": 2
218    },
219    {
220      "x0": 460,
221      "x1": 480,
222      "frequency": 3
223    },
224    {
225      "x0": 480,
226      "x1": 500,
227      "frequency": 10
228    },
229    {
230      "x0": 500,
231      "x1": 520,
232      "frequency": 7
233    },
234    {
235      "x0": 520,
236      "x1": 540,
237      "frequency": 14
238    },
239    {
240      "x0": 540,
241      "x1": 560,
242      "frequency": 6
243    },
244    {
245      "x0": 560,
246      "x1": 580,
247      "frequency": 1
248    },
249    {
250      "x0": 580,
251      "x1": 600,
252      "frequency": 3
253    },
254    {
255      "x0": 600,
256      "x1": 620,
257      "frequency": 0
258    },
259    {
260      "x0": 620,
261      "x1": 640,
262      "frequency": 6
263    },
264    {
265      "x0": 640,
266      "x1": 660,
267      "frequency": 5
268    },
269    {
270      "x0": 660,
271      "x1": 680,
272      "frequency": 3
273    },
274    {
275      "x0": 680,
276      "x1": 700,
277      "frequency": 2
278    },
279    {
280      "x0": 700,
281      "x1": 720,
282      "frequency": 0
283    }
284  ],
285  "measures": [
286    {
287      "id": "x0",
288      "encoding": "x0"
289    },
290    {
291      "id": "x1",
292      "encoding": "x1"
293    },
294    {
295      "id": "frequency",
296      "encoding": "yAxis"
297    }
298  ]
299}

透视直方图

透视直方图
1{
2  "chartType": "histogram",
3  "dataset": [
4    { "color": "red", "shape": "circle", "v": 1 },
5    { "color": "red", "shape": "circle", "v": 1 },
6    { "color": "red", "shape": "circle", "v": 1 },
7    { "color": "red", "shape": "circle", "v": 2 },
8    { "color": "red", "shape": "circle", "v": 5 },
9    { "color": "red", "shape": "circle", "v": 7 },
10    { "color": "red", "shape": "circle", "v": 8 },
11    { "color": "red", "shape": "circle", "v": 9 },
12    { "color": "red", "shape": "circle", "v": 10 },
13    { "color": "blue", "shape": "circle", "v": 1 },
14    { "color": "blue", "shape": "circle", "v": 1 },
15    { "color": "blue", "shape": "circle", "v": 1 },
16    { "color": "blue", "shape": "circle", "v": 2 },
17    { "color": "blue", "shape": "circle", "v": 5 },
18    { "color": "blue", "shape": "circle", "v": 7 },
19    { "color": "blue", "shape": "circle", "v": 8 },
20    { "color": "blue", "shape": "circle", "v": 9 },
21
22    { "color": "red", "shape": "triangle", "v": 1 },
23    { "color": "red", "shape": "triangle", "v": 1 },
24    { "color": "red", "shape": "triangle", "v": 1 },
25    { "color": "red", "shape": "triangle", "v": 2 },
26    { "color": "red", "shape": "triangle", "v": 5 },
27    { "color": "red", "shape": "triangle", "v": 7 },
28    { "color": "red", "shape": "triangle", "v": 8 },
29    { "color": "red", "shape": "triangle", "v": 9 },
30    { "color": "blue", "shape": "triangle", "v": 1 },
31    { "color": "blue", "shape": "triangle", "v": 1 },
32    { "color": "blue", "shape": "triangle", "v": 1 },
33    { "color": "blue", "shape": "triangle", "v": 2 },
34    { "color": "blue", "shape": "triangle", "v": 5 },
35    { "color": "blue", "shape": "triangle", "v": 7 },
36    { "color": "blue", "shape": "triangle", "v": 8 },
37    { "color": "blue", "shape": "triangle", "v": 9 }
38  ],
39  "dimensions": [
40    {
41      "id": "color",
42      "encoding": "row"
43    },
44    {
45      "id": "shape",
46      "encoding": "column"
47    }
48  ],
49  "measures": [
50    {
51      "id": "v",
52      "encoding": "value"
53    }
54  ]
55}

透视直方图显示累计概率密度函数

透视直方图显示累计概率密度函数
1{
2  "chartType": "histogram",
3  "dataset": [
4    { "color": "red", "shape": "circle", "v": 1 },
5    { "color": "red", "shape": "circle", "v": 3 },
6    { "color": "red", "shape": "circle", "v": 4 },
7    { "color": "red", "shape": "circle", "v": 5 },
8    { "color": "red", "shape": "circle", "v": 5 },
9    { "color": "red", "shape": "circle", "v": 6 },
10    { "color": "red", "shape": "circle", "v": 7 },
11    { "color": "red", "shape": "circle", "v": 7 },
12    { "color": "red", "shape": "circle", "v": 10 },
13    { "color": "blue", "shape": "circle", "v": 2 },
14    { "color": "blue", "shape": "circle", "v": 3 },
15    { "color": "blue", "shape": "circle", "v": 3 },
16    { "color": "blue", "shape": "circle", "v": 4 },
17    { "color": "blue", "shape": "circle", "v": 5 },
18    { "color": "blue", "shape": "circle", "v": 7 },
19    { "color": "blue", "shape": "circle", "v": 9 },
20    { "color": "blue", "shape": "circle", "v": 9 },
21
22    { "color": "red", "shape": "triangle", "v": 1 },
23    { "color": "red", "shape": "triangle", "v": 2 },
24    { "color": "red", "shape": "triangle", "v": 3 },
25    { "color": "red", "shape": "triangle", "v": 4 },
26    { "color": "red", "shape": "triangle", "v": 5 },
27    { "color": "red", "shape": "triangle", "v": 7 },
28    { "color": "red", "shape": "triangle", "v": 8 },
29    { "color": "red", "shape": "triangle", "v": 9 },
30    { "color": "blue", "shape": "triangle", "v": 2 },
31    { "color": "blue", "shape": "triangle", "v": 3 },
32    { "color": "blue", "shape": "triangle", "v": 4 },
33    { "color": "blue", "shape": "triangle", "v": 4 },
34    { "color": "blue", "shape": "triangle", "v": 5 },
35    { "color": "blue", "shape": "triangle", "v": 7 },
36    { "color": "blue", "shape": "triangle", "v": 8 },
37    { "color": "blue", "shape": "triangle", "v": 9 }
38  ],
39  "dimensions": [
40    {
41      "id": "color",
42      "encoding": "row"
43    },
44    {
45      "id": "shape",
46      "encoding": "column"
47    }
48  ],
49  "measures": [
50    {
51      "id": "v",
52      "encoding": "value"
53    }
54  ],
55  "ecdfRegressionLine": {
56    "type": "ecdf",
57    "color": "red"
58  }
59}