Soy nuevo en la trama y actualmente estoy tratando de replicar un gráfico de barras directo: Enlace .

Creé un componente angular para el mismo e instalé el paquete a través de: npm i --save plotly.js-dist-min

Aquí está el código:

 var xArray = ["Italy", "France", "Spain", "USA", "Argentina"]; var yArray = [55, 49, 44, 24, 15]; var data = [{ x:xArray, y:yArray, type: "bar" }]; var layout = {title:"World Wide Wine Production"}; Plotly.newPlot("bars", data, layout);

El error desaparece cuando elimino type: "bar" . Sin embargo, obtengo un gráfico de líneas cuando se elimina el tipo.

y el error que aparece es:

Argumento de tipo '{ x: string[]; y: número[]; tipo: cadena; }[]' no se puede asignar a un parámetro de tipo 'Data[]'. Escriba '{x: cadena[]; y: número[]; tipo: cadena; }' no se puede asignar al tipo 'Data'. Escriba '{x: cadena[]; y: número[]; tipo: cadena; }' no se puede asignar al tipo 'Parcial'. Los tipos de propiedad 'tipo' son incompatibles. El tipo 'cadena' no se puede asignar al tipo '"violín" | indefinido'.

 Plotly.newPlot("my_bars", data, layout);

Recibo un error similar para type: pie :

error TS2345: argumento de tipo '{ etiquetas: cadena []; valores: número[]; tipo: cadena; }[]' no se puede asignar a un parámetro de tipo 'Data[]'. Escriba '{ etiquetas: cadena[]; valores: número[]; tipo: cadena; }' no se puede asignar al tipo 'Data'. Escriba '{ etiquetas: cadena[]; valores: número[]; tipo: cadena; }' no se puede asignar al tipo 'Parcial'. Los tipos de propiedad 'tipo' son incompatibles. El tipo 'cadena' no se puede asignar al tipo '"pastel" | indefinido'.

 Plotly.newPlot("my_pie", data, layout);