Доброго времени суток. Есть облачный виджет графиков Trading View, я хочу использовать сразу несколько графиков, но с разными параметрами.
Делаю так:
<div class="col-md-6">
<div class="card">
<div class="card-body">
<div class="tradingview-widget-container">
<div id="tradingview_5m" data-timeframe="5m" data-token="BINANCE:BTCUSDT" data-container="tradingview_5m"></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-body">
<div class="tradingview-widget-container">
<div id="tradingview_15m" data-timeframe="15m" data-token="BINANCE:BTCUSDT" data-container="tradingview_15m"></div>
</div>
</div>
</div>
</div>
JavaScript
<script>
let timeframe = $('#tradingview_5m').attr('data-timeframe');
let token = $('#tradingview_5m').attr('data-token');
let container = $('#tradingview_5m').attr('data-container');
const timeframetv = new Map([['5m', '5'], ['15m', '15'], ['30m', '30'], ['1h', '60'], ['4h', '240'], ['1d', 'D']]);
timeframe = timeframetv.get(timeframe);
new TradingView.widget(
{
"autosize": true,
"symbol": token,
"interval": timeframe,
"timezone": "Europe/Moscow",
"theme": "dark",
"style": "1",
"locale": "ru",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"hide_legend": true,
"allow_symbol_change": true,
"save_image": false,
"container_id": container,
}
);
</script>
По понятным причинам, отображается только один график. Как мне отобразить их два-три-четыре ?
Я присваиваю контейнерами ID, в них дата-атрибуты, которые содержат параметры для графика. Как мне передавать разные ID или как-то по-другому, чтобы подставлять нужные мне параметры в код графика ?