Skip to content

Multiple charts #15

@alexbuzzz

Description

@alexbuzzz

Hi! Is it possible to create multiple charts on screen? I'm trying this code but only the first chart appears.

This is the view code:

<template>
  <div class="watchlist-container">
    <Chart ticker="BINANCE:ADAUSDTPERP" />
    <Chart ticker="BINANCE:BTCUSDTPERP" />
  </div>
</template>

This is the component:

<template>
  <Chart
    :options="{
      autosize: false,
      height: '600',
      width: '600',
      symbol: this.ticker,
      interval: '5',
      timezone: 'Etc/UTC',
      theme: 'dark',
      style: '1',
      locale: 'en',
      toolbar_bg: '#f1f3f6',
      enable_publishing: false,
      hide_legend: true,
      allow_symbol_change: true,
      save_image: false
    }"
  />
</template>

<script>
import { Chart } from 'vue-tradingview-widgets'

export default {
  name: 'App',
  props: {
    ticker: String
  },
  components: {
    Chart
  }
}
</script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions