es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • La API de Trading View no puede mostrar el precio en la escala de precios cuando es pequeño.

La API de Trading View no puede mostrar el precio en la escala de precios cuando es pequeño.

06 Aug, 2023 Programación

Verifica mis Datos OHLC para Graficar Velas con la API de Trading View.

Estoy utilizando este HTML y Script para Graficar los Datos:

<!DOCTYPE html>
<html>
<head>
    <title>Gráfica</title>
</head>
<body>

<script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>


<body>

<script type="text/javascript">

const chart = LightweightCharts.createChart(document.body, { width: 1200, height: 600 });
    const lineSeries = chart.addLineSeries();

chart.applyOptions(
{
    timeScale: {
        rightOffset: 12,
        timeVisible: true,
        secondsVisible: false,
        fixLeftEdge: false,   
    },

}


);

let candl_data = [mis_datos_OHLC]
const candlestickSeries = chart.addCandlestickSeries();

// set data
candlestickSeries.setData(candl_data)

</script>
</body>
</body></html>

Mira cómo se muestra:
CandleStciks[1]

¿Cómo puedo hacer que muestre el precio completo?

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para mostrar el precio completo en el gráfico de velas, puedes ajustar las opciones de la escala de precios. Específicamente, establece la opción scaleMargins a { top: 0.3, bottom: 0.25 }. Esto mostrará el rango completo de la escala de precios en el gráfico.

    Aquí tienes un ejemplo de cómo agregar esta opción al gráfico:

    const chart = LightweightCharts.createChart(document.body, { width: 1200, height: 600 });
const lineSeries = chart.addLineSeries();

chart.applyOptions({
  timeScale: {
    rightOffset: 12,
    timeVisible: true,
    secondsVisible: false,
    fixLeftEdge: false,   
  },
  priceScale: {
    scaleMargins: {
      top: 0.3,
      bottom: 0.25,
    },
  },
});

let candl_data = [mis_datos_OHLC];
const candlestickSeries = chart.addCandlestickSeries();

// establecer datos
candlestickSeries.setData(candl_data);

    Con esta opción, el gráfico de velas debería mostrar el rango completo de precios.

Comments are closed.