Coordinates of a shape don't work

Abierto
#132 1 comentario 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
1/5
Tiempo estimado
Menos de una hora
Aptitud para principiantes
50/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Estancado
Stack tecnológico
javascript, react
Área
data-visualization, frontend

Línea de trabajo

Comienza con el componente App proporcionado e inspecciona la configuración de layout.shapes, especialmente los nombres de las propiedades de coordenadas utilizados para la línea. Confirma que el ejemplo renderiza una línea roja horizontal en Y = 14 cuando se reconocen los campos de coordenadas.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Probably it is something very stupid, but it is driving me crazy. I hope someone can help me.
I have been trying using shapes following the instructions... whichever X0, Y0, X1, Y1, I set, the shapes don't change position.
Here following I put a very simple component showing the problem. I would expect an horizontal line at Y = 14, but this is not the case. Whichever are the values in X0, Y0, X1, Y1 and the xref/yref settings the the output is always the same as shown in the attached image
plotout
.

import React, { Component } from 'react';
import Plot from 'react-plotly.js';

class App extends Component {
render() {
const data = [{
x: [0,1,2,3,4,5,6,7,8],
y: [10,11,12,13,14,15,16,17,18],
type: 'scatter',
mode: 'lines+points',
marker: { color: 'blue'}
}];

  const layout = {
    width: 600,
    height: 300,
    showlegend: false,
    shapes: [
      {
        type: 'line',
        line: {
          color: 'red',
          width: 3,
          dash: 'dot',
        },
        X0: 0,
        Y0: 14,
        X1: 8,
        Y1: 14
      }
    ]
  };

  return (
    <Plot data={ data } layout={ layout}/>
  )
}

}

export default App;

Lenguaje dominante
JavaScript
Estrellas
1.1k
Forks
138
Merge medio
3 d 2 h
PR fusionados (30 d)
4

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de plotly/react-plotly.js

Todos los issues de plotly/react-plotly.js

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.