';
var status;
if (data.completed) {
status = data.Label_Completed;
} else if (data.canceled) {
status = data.Label_Canceled;
} else {
status = data.Label_Active;
}
output += '
';
output += '
' + data.Label_Head + '
';
output += '(' + status + ')
'; output += '';
output += data.Label_Order + ': ' + data.txSeqNo + '
';
output += data.Label_table_have + ': ' + data.assetHaveName + '
';
output += data.Label_Volume + ': ' + addCommas(data.order.amountHave) + '
';
output += data.Label_Price + ': ' + addCommas(data.order.price) + ' / ' + addCommas(data.order.priceReverse) + '
';
output += data.Label_Total_Cost + ': ' + addCommas(data.order.amountWant) + '
';
output += data.Label_table_want + ': ' + data.assetWantName + '
';
output += data.Label_Creator + ': ' + data.creator_person + '
';
//output += data.Label_Fulfilled + ': ' + addCommas(data.order.fulfilledHave) + '
';
if (data.order.leftHave != 0 && data.order.leftWant != 0) {
output += data.Label_LeftHave + ': ' + addCommas(data.order.leftHave) + ' / ' + addCommas(data.order.leftWant) + '
';
output += data.Label_LeftPrice + ': ' + (100.0 * (1 - data.order.leftPrice / data.order.price)).toPrecision(4) + '%
';
}
output += data.Label_Pair + ': ' + data.assetHaveName + ' / ' + data.assetWantName + '';
output += '
';
output += '';
output += '
';
return output;
}
function trades(data) {
var output = "";
output += lastBlock(data.lastBlock);
output += '';
output += '
';
output +='';
//output += '' + data.Label_Trade_Volume + ': ' + addCommas(data.tradeHaveAmount) + ' ' + getItemNameMini('asset', data.assetHave, data.assetHaveName);
//output += ' ' + addCommas(data.tradeWantAmount) + ' ' + getItemNameMini('asset', data.assetWant, data.assetWantName);
output += '
' + data.Label_Go_To + ': ' + getItemName2(1000, data.assetHave, data.assetHaveName) + ''; output += ' ' + getItemName2(1000, data.assetWant, data.assetWantName) + ''; output += ' ' + getItemName2(1000, data.assetWant, data.assetWantName) + '/' + getItemName2(1000, data.assetHave, data.assetHaveName); output += ''; return output; } // https://playground.anychart.com/PGCK5IPH/1 async function anyChartEra(data_in) { let url = '/apiexchange/v1/pair/history/' + data_in.assetHave + '/' + data_in.assetWant + '?period=m'; let response = await fetch(url); let data; if (response.ok) { // если HTTP-статус в диапазоне 200-299 // получаем тело ответа (см. про этот метод ниже) data = await response.json(); } else { alert("Ошибка HTTP: " + response.status); } // create a data table with the loaded data var dataTable = anychart.data.table(); dataTable.addData(data); // map the loaded data for the candlestick series var mapping = dataTable.mapAs({ open: 1, close: 2, volume: 3, low: 4, high: 5 }); var mappingVol = dataTable.mapAs({value: 3}); // create a stock chart var chart = anychart.stock(); // create the chart plot var plot = chart.plot(0); // create the candlestick series var series = plot.candlestick(mapping); plot.stick(mappingVol); var plotVol = chart.plot(1); // create an On Balance Volume indicator var volume = plotVol.column(mappingVol); // set the grid settings //plot.yGrid(true).xGrid(true).yMinorGrid(true).xMinorGrid(true); var pairName = data_in.assetHaveName + '/' + data_in.assetWantName; series.name(pairName); volume.name("VOL"); // set the title of the chart //chart.title('Stock Chart'); // set the container id for the chart chart.container('container'); // initiate the chart drawing chart.draw(); }
' + data.Label_table_LastTrades + '
'; output += '| ' + data.Label_Date; output += ' | ' + data.Label_Pair + ' | ' + data.Label_Trade_Initiator; output += ' | ' + data.Label_Amount; output += ' | ' + data.Label_Price; output += ' | ' + data.Label_Position_Holder + '| ' + getShortNameBlanked(trade.assetHaveName) + '/' + getShortNameBlanked(trade.assetWantName) + '';
output += ' | ' + cutBlank(trade.initiatorCreator, 20) + '';
// отображает что это создатель актива действует
if (trade.initiatorCreator_addr == data.assetWantMaker) {
if (trade.type == 'buy') {
output += '';
} else if (trade.type == 'sell') {
output += '';
}
}
if (trade.type == 'sell') {
output += ' | ' + addCommas(trade.amountHave);
output += ' | ';
if (trade.unchecked == true) {}
else {
output += '';
}
output += '' + addCommas(trade.realReversePrice) + '';
} else if (trade.type == 'buy') {
output += ' | ' + addCommas(trade.amountHave);
output += ' | ';
if (trade.unchecked == true) {}
else {
output += '';
}
output += '' + addCommas(trade.realPrice) + '';
} else if (trade.type == 'change') {
output += ' | ';
output += ' | ';
output += '' + addCommas(trade.realPrice) + '';
} else if (trade.type == 'cancel') {
output += ' | ' + addCommas(trade.amountHave);
output += ' | ';
output += '';
output += '' + data.Label_Cancel + '';
} else if (trade.type == 'order-cancel') {
output += ' | ';
output += '';
output += '' + data.Label_Cancel + '';
output += ' | ' + addCommas(trade.targetAmount);
}
// отображает что это создатель актива действует
if (trade.targetCreator_addr == data.assetWantMaker) {
if (trade.type == 'sell') {
output += '';
} else if (trade.type == 'buy') {
output += '';
}
}
output += ' | ' + cutBlank(trade.targetCreator, 20) + '';
}
output += ' | |
'
+ data.Label_Trades;
output += ' ';
output += getItemName2(1000, data.assetHave, data.assetHaveName) + ' / ';
output += getItemName2(1000, data.assetWant, data.assetWantName) + '
';
output +='';
output +='
';
output += '';
var averageVolume = 1 * data.sellsSumAmountGood;
if (1 * data.buysSumAmountGood > averageVolume)
averageVolume = 1 * data.buysSumAmountGood;
var width = data.sellsSumAmountGood;
for (key in data.sells) {
output += '
';
output += '
' + data.Label_Orders + '
'; output += '| '; output += ''; width -= data.sells[key].amount; output += '' + addCommas(data.sells[key].amount) + ''; output += ' | ' + addCommas(data.sells[key].price) + ''; output += ' | ' + cutBlank(data.sells[key].creator, 60) + ''; } output += ' |
| ' + addCommas(data.sellsSumAmountGood); output += ' | ' + data.Label_Total_For_Sell + ' | ' + getItemNameMini('asset', data.assetHave, data.assetHaveName); output += ' |
| ' + data.Label_Amount + ' | ' + data.Label_Price + ' | ' + data.Label_Creator + ' |
| ' + addCommas(data.buysSumAmountGood); output += ' | ' + data.Label_Total_For_Buy + ' | ' + getItemNameMini('asset', data.assetHave, data.assetHaveName);; width = 0; for (key in data.buys) { output += ' |
| '; width += 1 * data.buys[key].buyingAmount; // преобразование строки в число var widthLocal = width; if (widthLocal > averageVolume) { widthLocal = averageVolume; } output += ''; output += '' + addCommas(data.buys[key].buyingAmount) + ''; output += ' | ' + addCommas(data.buys[key].buyingPrice) + ''; output += ' | ' + cutBlank(data.buys[key].creator, 60) + ''; } output += ' |
';
output += '';
output += '
';
output += '
' + data.Label_Trade_History + '
'; output += '| ' + data.Label_Date; // + ' | ' + data.Label_Type + ' | '; output += '' + data.Label_Trade_Initiator output += ' | ' + data.Label_Amount; output += ' | ' + data.Label_Price; output += ' | ' + data.Label_Total_Cost; output += ' | ' + data.Label_Position_Holder output += ' | |
| ' + cutBlank(trade.initiatorCreator, 20) + ''; if (trade.type == 'sell') { output += ' | ' + addCommas(trade.amountHave); output += ' | ' + '' + addCommas(trade.realReversePrice) + ''; output += ' | ' + addCommas(trade.amountWant); } else { output += ' | ' + addCommas(trade.amountHave); output += ' | ' + '' + addCommas(trade.realPrice) + ''; output += ' | ' + addCommas(trade.amountWant); } output += ' | '; output += '' + cutBlank(trade.targetCreator, 20) + ''; if (trade.targetCreator_addr == data.assetHaveMaker) { if (trade.type == 'sell') { output += ''; } else { output += ''; } } } output += ' |
' + data.Label_Go_To + ': ' + getItemName2(1000, data.assetHave, data.assetHaveName) + ''; output += ' ' + getItemName2(1000, data.assetWant, data.assetWantName) + ''; output += ' ' + getItemName2(1000, data.assetWant, data.assetWantName) + '/' + getItemName2(1000, data.assetHave, data.assetHaveName); output += ''; return output; } // https://playground.anychart.com/PGCK5IPH/1 async function anyChartEra(data_in) { let url = '/apiexchange/v1/pair/history/' + data_in.assetHave + '/' + data_in.assetWant + '?period=m'; let response = await fetch(url); let data; if (response.ok) { // если HTTP-статус в диапазоне 200-299 // получаем тело ответа (см. про этот метод ниже) data = await response.json(); } else { alert("Ошибка HTTP: " + response.status); } // create a data table with the loaded data var dataTable = anychart.data.table(); dataTable.addData(data); // map the loaded data for the candlestick series var mapping = dataTable.mapAs({ open: 1, close: 2, volume: 3, low: 4, high: 5 }); var mappingVol = dataTable.mapAs({value: 3}); // create a stock chart var chart = anychart.stock(); // create the chart plot var plot = chart.plot(0); // create the candlestick series var series = plot.candlestick(mapping); plot.stick(mappingVol); var plotVol = chart.plot(1); // create an On Balance Volume indicator var volume = plotVol.column(mappingVol); // set the grid settings //plot.yGrid(true).xGrid(true).yMinorGrid(true).xMinorGrid(true); var pairName = data_in.assetHaveName + '/' + data_in.assetWantName; series.name(pairName); volume.name("VOL"); // set the title of the chart //chart.title('Stock Chart'); // set the container id for the chart chart.container('container'); // initiate the chart drawing chart.draw(); }