make grid simplify subplots (mixed plots not working currently)
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- JavaScript
- Estrellas
- 18.3k
- Forks
- 2k
- Merge medio
- 2 d 12 h
- PR fusionados (30 d)
- 28
Descripción
Usecase:
User should be able to draw subplots with ease by using grid option.
User has 4 diff graphs and he wants to put them together, in grid by using following option without getting into much complexity
grid: {
rows: 2,
columns: 2,
pattern: "independent"
}
}
Ease of use:
It will be great to have similat functionality like provided in python plotly where user can define rows, columns, colspan and rowspan in data. Its plain and dead easy.
from plotly.subplots import make_subplots
import plotly.graph_objects as go
fig = make_subplots(
rows=5, cols=2,
specs=[[{}, {"rowspan": 2}],
[{}, None],
[{"rowspan": 2, "colspan": 2}, None],
[None, None],
[{}, {}]],
print_grid=True)
Reference:
python plotly.subplots has given functionality with much ease of use. see HERE. Same is needed for js Please
Code Pen:
https://codepen.io/mafar/pen/YzZEdLR?editors=0010
JS CODE:
var trace1 = {
type: "bar",
y: [2, 3, 1]
};
var trace2 = {
r: [2, 3, 1],
theta: [0, 45, 90],
type: "barpolar"
};
var trace3 = {
type: "pie",
values: [2, 3, 1]
};
var trace4 = {
mode: "lines",
type: "scatter3d",
x: [2, 3, 1],
y: [0, 0, 0],
z: [0.5, 1, 2]
};
var data = [trace1, trace2, trace3, trace4];
var layout = {
grid: {
rows: 2,
columns: 2,
pattern: "independent"
}
};
Plotly.newPlot("myDiv", data, layout);
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Empieza reproduciendo el ejemplo mixto de bar, barpolar, pie y scatter3d mediante Plotly.newPlot y compáralo con el CodePen enlazado. Lee el comportamiento existente del diseño de grid y la referencia de subplots de Python Plotly; después, define qué requeriría admitir rows, columns, gráficos mixtos independientes, colspan y rowspan; se considerará terminado cuando el ejemplo funcione sin configuración manual de subplots.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript
- Área
- data-visualization
- Tipo de issue
- Nueva funcionalidad
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 25/100