Skip to content

Commit b81dce1

Browse files
richardnm-2richardnm-2
committed
teste boxplot
1 parent 39809ba commit b81dce1

File tree

3 files changed

+207
-5
lines changed

3 files changed

+207
-5
lines changed

‎devtools/test_dashboard/index copy.html

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Plotly.js Devtools</title>
5+
<link
6+
rel="stylesheet"
7+
type="text/css"
8+
href="//fonts.googleapis.com/css?family=Open+Sans:600,400,300,200|Droid+Sans|PT+Sans+Narrow|Gravitas+One|Droid+Sans+Mono|Droid+Serif|Raleway|Old+Standard+TT"
9+
/>
10+
<link rel="stylesheet" type="text/css" href="./style.css" />
11+
</head>
12+
<body>
13+
<header>
14+
<img
15+
src="http://images.plot.ly/logo/[email protected]"
16+
onClick="Tabs.reload();"
17+
/>
18+
<span id="reload-time"></span>
19+
20+
<input id="mocks-search" type="text" placeholder="mocks search" />
21+
<input id="css-transform" type="text" placeholder="css transform" />
22+
</header>
23+
24+
<section id="mocks-list"></section>
25+
<div id="plots">
26+
<div id="graph">
27+
<div id="tester" style="width: 600px; height: 250px"></div>
28+
</div>
29+
</div>
30+
<div id="snapshot"></div>
31+
32+
<script src="../../node_modules/mathjax-v2/MathJax.js?config=TeX-AMS-MML_SVG"></script>
33+
<script charset="utf-8" id="source" src="../../build/plotly.js">
34+
// type="module"
35+
// import Plotly from "../../build/plotly.js"
36+
</script>
37+
<script charset="utf-8" src="../../build/test_dashboard-bundle.js"></script>
38+
<script>
39+
let fullData = [
40+
{
41+
x: [
42+
["AA", "AA", "AA", "BB"],
43+
// "DD", "DD", "DD", "DD", "BB", "BB"],
44+
["DD", "CC", "DD", "DD"],
45+
["2", "1", "3", "4"],
46+
// "VV", "MM", "AA"],
47+
],
48+
y: [10, 8, 11, 12],
49+
line: {
50+
color: "orange",
51+
width: 3,
52+
},
53+
// 14, 17, 8, 10, 10, 9],
54+
// type: "bar",
55+
},
56+
{
57+
x: [
58+
["AA", "AA", "AA", "BB"],
59+
// "DD", "DD", "DD", "DD", "BB", "BB"],
60+
["DD", "CC", "DD", "DD"],
61+
["2", "1", "3", "4"],
62+
// "VV", "MM", "AA"],
63+
],
64+
y: [12, 10, 13, 14],
65+
line: {
66+
color: "blue",
67+
width: 3,
68+
},
69+
// 14, 17, 8, 10, 10, 9],
70+
// type: "bar",
71+
},
72+
];
73+
var trace1 = {
74+
x: [
75+
["AA", "AA", "AA", "BB"],
76+
["DD", "CC", "DD", "DD"],
77+
["2", "1", "3", "4"],
78+
],
79+
80+
// y: y0,
81+
// y: [12, 10, 13, 14],
82+
y: [y0, y1, y2, y3],
83+
type: "box",
84+
};
85+
TESTER = document.getElementById("tester");
86+
// Plotly.newPlot(TESTER, fullData, {
87+
// margin: { t: 0 },
88+
// });
89+
</script>
90+
<script>
91+
var y0 = [];
92+
var y1 = [];
93+
var y2 = [];
94+
var y3 = [];
95+
96+
for (var i = 0; i < 50; i++) {
97+
y0[i] = Math.random();
98+
y1[i] = Math.random() * 10;
99+
y2[i] = Math.random() * 20;
100+
y3[i] = Math.random() * 30;
101+
}
102+
103+
var ys = [y0, y1, y2, y3];
104+
105+
var spreadYs = [...y0, ...y1, ...y2, ...y3];
106+
107+
var trace1 = {
108+
x: [
109+
["AA", "AA", "AA", "BB"],
110+
["DD", "CC", "DD", "DD"],
111+
["2", "1", "3", "4"],
112+
],
113+
114+
// y: y0,
115+
y: spreadYs,
116+
// y: [12, 10, 13, 14],
117+
// y: [y0, y1, y2, y3],
118+
type: "box",
119+
};
120+
var data = [trace1];
121+
122+
// Plotly.newPlot("tester", data);
123+
</script>
124+
<script>
125+
let x1 = [
126+
1234, 1234, 1234, 2222, 3333, 4444, 4444, 2222, 3333, 4444, 4444, 1234,
127+
2222, 3333, 3333, 4444, 4444, 1234, 1234, 1234, 2222, 2222, 4444, 4444,
128+
4444,
129+
];
130+
131+
let x2 = [
132+
1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.2, 1.25, 1.25, 1.25, 1.1, 1.1, 1.1,
133+
1.1, 1.1, 1.1, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.25,
134+
];
135+
136+
let y = [
137+
74.794746, 73.263952, 73.175294, 89.929494, 87.071843, 78.117551,
138+
76.690038, 85.818503, 97.373488, 76.747523, 73.172017, 68.891727,
139+
79.342691, 84.390967, 82.548122, 70.278573, 72.255796, 74.747855,
140+
73.312634, 70.067858, 81.736596, 84.71945, 80.099938, 82.208555,
141+
74.795867,
142+
];
143+
144+
var trace1 = {
145+
x: [x1, x2],
146+
147+
y: y.slice(0, 12),
148+
type: "box",
149+
};
150+
151+
var trace2 = {
152+
x: [x1, x2],
153+
154+
y: y.slice(12, 24),
155+
type: "box",
156+
};
157+
158+
var data = [trace1];
159+
160+
Plotly.newPlot("plot", data);
161+
</script>
162+
</body>
163+
</html>

‎devtools/test_dashboard/index.html

Lines changed: 42 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -70,10 +70,49 @@
7070
// type: "bar",
7171
},
7272
];
73+
7374
TESTER = document.getElementById("tester");
74-
Plotly.newPlot(TESTER, fullData, {
75-
margin: { t: 0 },
76-
});
75+
// Plotly.newPlot(TESTER, fullData, {
76+
// margin: { t: 0 },
77+
// });
78+
</script>
79+
<script>
80+
let x1 = [
81+
1234, 1234, 1234, 2222, 3333, 4444, 4444, 2222, 3333, 4444, 4444, 1234,
82+
2222, 3333, 3333, 4444, 4444, 1234, 1234, 1234, 2222, 2222, 4444, 4444,
83+
4444,
84+
];
85+
86+
let x2 = [
87+
1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.2, 1.25, 1.25, 1.25, 1.1, 1.1, 1.1,
88+
1.1, 1.1, 1.1, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.25,
89+
];
90+
91+
let y = [
92+
74.794746, 73.263952, 73.175294, 89.929494, 87.071843, 78.117551,
93+
76.690038, 85.818503, 97.373488, 76.747523, 73.172017, 68.891727,
94+
79.342691, 84.390967, 82.548122, 70.278573, 72.255796, 74.747855,
95+
73.312634, 70.067858, 81.736596, 84.71945, 80.099938, 82.208555,
96+
74.795867,
97+
];
98+
99+
var trace1 = {
100+
x: [x1, x2],
101+
102+
y: y.slice(0, 12),
103+
type: "box",
104+
};
105+
106+
var trace2 = {
107+
x: [x1, x2],
108+
109+
y: y.slice(12, 24),
110+
type: "box",
111+
};
112+
113+
var data = [trace1];
114+
115+
Plotly.newPlot("tester", data);
77116
</script>
78117
</body>
79118
</html>

‎src/plots/cartesian/set_convert.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -413,8 +413,8 @@ module.exports = function setConvert(ax, fullLayout) {
413413
// Could/should set sorted y axis values for each trace as the sorted values are already available.
414414
// Need write access to gd._fullData
415415
var transposedXs = sortLib.transpose(xs);
416-
gd._fullData[i].x = transposedXs;
417-
gd._fullData[i].y = y;
416+
// gd._fullData[i].x = transposedXs;
417+
// gd._fullData[i].y = y;
418418
console.log('trace', i);
419419
console.log('gd', gd._fullData[i]);
420420
}

0 commit comments

Comments
 (0)