@@ -22,33 +22,33 @@ <h2>JavaScript Figure Reference: Single-Page</h2>
22
22
< pre >
23
23
data = [
24
24
{
25
- type: 'scatter', // all "scatter" attributes: < a href ="#scatter "> https://plotly.com/javascript/reference/ #scatter</ a >
26
- x: [1, 2, 3], // more about "x": < a href ="#scatter-x "> #scatter-x</ a >
27
- y: [3, 1, 6], // < a href ="#scatter-y "> #scatter-y</ a >
28
- marker: { // marker is an object, valid marker keys: < a href ="#scatter-marker "> #scatter-marker</ a >
29
- color: 'rgb(16, 32, 77)' // more about "marker.color": < a href ="#scatter-marker-color "> #scatter-marker-color</ a >
25
+ type: 'scatter', // all "scatter" attributes: < a href ="../ #scatter "> #scatter</ a >
26
+ x: [1, 2, 3], // more about "x": < a href ="../ #scatter-x "> #scatter-x</ a >
27
+ y: [3, 1, 6], // < a href ="../ #scatter-y "> #scatter-y</ a >
28
+ marker: { // marker is an object, valid marker keys: < a href ="../ #scatter-marker "> #scatter-marker</ a >
29
+ color: 'rgb(16, 32, 77)' // more about "marker.color": < a href ="../ #scatter-marker-color "> #scatter-marker-color</ a >
30
30
}
31
31
},
32
32
{
33
- type: 'bar', // all "bar" chart attributes: < a href ="#bar "> #bar</ a >
34
- x: [1, 2, 3], // more about "x": < a href ="#bar-x "> #bar-x</ a >
35
- y: [3, 1, 6], // < a href ="#bar-y "> #bar-y</ a >
36
- name: 'bar chart example' // < a href ="#bar-name "> #bar-name</ a >
33
+ type: 'bar', // all "bar" chart attributes: < a href ="../ #bar "> #bar</ a >
34
+ x: [1, 2, 3], // more about "x": < a href ="../ #bar-x "> #bar-x</ a >
35
+ y: [3, 1, 6], // < a href ="../ #bar-y "> #bar-y</ a >
36
+ name: 'bar chart example' // < a href ="../ #bar-name "> #bar-name</ a >
37
37
}
38
38
];
39
39
40
- layout = { // all "layout" attributes: < a href ="#layout "> #layout</ a >
41
- title: 'simple example', // more about "layout.title": < a href ="#layout-title "> #layout-title</ a >
42
- xaxis: { // all "layout.xaxis" attributes: < a href ="#layout-xaxis "> #layout-xaxis</ a >
43
- title: 'time' // more about "layout.xaxis.title": < a href ="#layout-xaxis-title "> #layout-xaxis-title</ a >
40
+ layout = { // all "layout" attributes: < a href ="../ #layout "> #layout</ a >
41
+ title: 'simple example', // more about "layout.title": < a href ="../ #layout-title "> #layout-title</ a >
42
+ xaxis: { // all "layout.xaxis" attributes: < a href ="../ #layout-xaxis "> #layout-xaxis</ a >
43
+ title: 'time' // more about "layout.xaxis.title": < a href ="../ #layout-xaxis-title "> #layout-xaxis-title</ a >
44
44
},
45
- annotations: [ // all "annotation" attributes: < a href ="#layout-annotations "> #layout-annotations</ a >
45
+ annotations: [ // all "annotation" attributes: < a href ="../ #layout-annotations "> #layout-annotations</ a >
46
46
{
47
- text: 'simple annotation', // < a href ="#layout-annotations-text "> #layout-annotations-text</ a >
48
- x: 0, // < a href ="#layout-annotations-x "> #layout-annotations-x</ a >
49
- xref: 'paper', // < a href ="#layout-annotations-xref "> #layout-annotations-xref</ a >
50
- y: 0, // < a href ="#layout-annotations-y "> #layout-annotations-y</ a >
51
- yref: 'paper' // < a href ="#layout-annotations-yref "> #layout-annotations-yref</ a >
47
+ text: 'simple annotation', // < a href ="../ #layout-annotations-text "> #layout-annotations-text</ a >
48
+ x: 0, // < a href ="../ #layout-annotations-x "> #layout-annotations-x</ a >
49
+ xref: 'paper', // < a href ="../ #layout-annotations-xref "> #layout-annotations-xref</ a >
50
+ y: 0, // < a href ="../ #layout-annotations-y "> #layout-annotations-y</ a >
51
+ yref: 'paper' // < a href ="../ #layout-annotations-yref "> #layout-annotations-yref</ a >
52
52
}
53
53
]
54
54
}</ pre >
0 commit comments