Skip to content

Shared color axes #3803

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Apr 29, 2019
Merged

Shared color axes #3803

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
c401f87
add support for marker AND line colorbars on same scatter3d graph
etpinard Apr 17, 2019
eb7fe0f
declare colorbar attrs within Colorscale.attributes()
etpinard Apr 24, 2019
5e7ed27
remove obsolete 'line' relinkColorAttrs block
etpinard Apr 24, 2019
ae3f407
add 'coloraxis' layout attr and default logic
etpinard Apr 24, 2019
3e5bec8
add Colorscale.extractOpts helpers
etpinard Apr 24, 2019
8f1fde1
use extractOpts in extractScale
etpinard Apr 24, 2019
5bb341e
implement crossTraceDefaults, calc and Colobar.draw for color axes
etpinard Apr 24, 2019
b6503ac
add 'colorbars' edit type to layout flags
etpinard Apr 24, 2019
fa67db3
make colorbar from color axes editable
etpinard Apr 24, 2019
eab822c
add baseline for contour traces w. coloring:heatmap & autocontours:false
etpinard Apr 24, 2019
bd81ac2
make contour zmin/zmax logic compatible with color axes
etpinard Apr 24, 2019
49103b4
add shared color axes mocks
etpinard Apr 24, 2019
1d4d06f
fix and :lock: coloraxis for gl3d traces
etpinard Apr 29, 2019
29a92a6
rename outerCont -> parentCont + add jsDoc
etpinard Apr 29, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions src/components/colorbar/draw.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,8 @@ function makeColorBarData(gd) {
var moduleOpts = trace._module.colorbar;

if(trace.visible === true && moduleOpts) {
var cbOpts = Array.isArray(moduleOpts) ? moduleOpts : [moduleOpts];
var allowsMultiplotCbs = Array.isArray(moduleOpts);
var cbOpts = allowsMultiplotCbs ? moduleOpts : [moduleOpts];

for(var j = 0; j < cbOpts.length; j++) {
var cbOpt = cbOpts[j];
Expand All @@ -90,7 +91,7 @@ function makeColorBarData(gd) {

if(cont && cont.showscale) {
var opts = cont.colorbar;
opts._id = 'cb' + trace.uid;
opts._id = 'cb' + trace.uid + (allowsMultiplotCbs && contName ? '-' + contName : '');
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This commits essentially resolves #3555

I didn't add support for marker.line. colorbars (yet) - let me know you think that's a good idea.

opts._traceIndex = trace.index;
opts._propPrefix = (contName ? contName + '.' : '') + 'colorbar.';

Expand Down
Binary file added test/image/baselines/gl3d_scatter3d-colorscale-marker-and-line.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
39 changes: 39 additions & 0 deletions test/image/mocks/gl3d_scatter3d-colorscale-marker-and-line.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
{
"data": [
{
"x": [1, 2, 4, 8, 16],
"y": [-1, -2, -4, -8, -16],
"z": [0, 1, 0, 1, 0],
"type": "scatter3d",
"mode": "lines+markers",
"line": {
"color": [0, 0.25, 0.5, 0.75, 1.0],
"width": 10,
"colorscale": "Blues",
"colorbar": {
"len": 0.5,
"y": 1,
"yanchor": "top",
"title": {"text": "line colorscale", "side": "right"}
}
},
"marker": {
"color": [1.0, 0.75, 0.5, 0.25, 0],
"size": 10,
"colorscale": "Reds",
"colorbar": {
"len": 0.5,
"y": 0,
"yanchor": "bottom",
"title": {"text": "marker colorscale", "side": "right"}
}

}
}
],
"layout": {
"title": "Scatter3d show line AND marker color scales",
"width": 600,
"height": 600
}
}