1. Carré
2. Testez la présentation de plusieurs graphiques

Testez la présentation de plusieurs graphiques

Auteur:Nul, Date: 19 mars 2017 à 17h54
Les étiquettes:Graphique

---

---

/*backtest
start: 2019-01-22 00:00:00
end: 2019-01-23 00:00:00
period: 30m
exchanges: [{"eid":"OKCoin_EN","currency":"BTC_USD"}]
*/

function main() {
    var cfgA = {
        extension: {
            layout: 'single', // 不参于分组，单独显示, 默认为分组 'group'
            height: 300, // 指定高度
        },
        title: {
            text: '盘口图表'
        },
        xAxis: {
            type: 'datetime'
        },
        series: [{
            name: '买一',
            data: [],
        }, {
            name: '卖一',
            data: [],
        }]
    }
    var cfgB = {
        title: {
            text: '差价图'
        },
        xAxis: {
            type: 'datetime'
        },
        series: [{
            name: '差价',
            type: 'column',
            data: [],
        }]
    }

    var cfgC = {
        __isStock: false,
        title: {
            text: '饼图'
        },
        series: [{
            type: 'pie',
            name: 'one',
            data: [
                ["A", 25],
                ["B", 25],
                ["C", 25],
                ["D", 25],
            ]  // 指定初始数据后不需要用add函数更新, 直接更改图表配置就可以更新序列.
        }]
    };
    var cfgD = {
        extension: {
            layout: 'single',
            col: 8, // 指定宽度占的单元值, 总值 为12
            height: '300px',
        },
        title: {
            text: '盘口图表'
        },
        xAxis: {
            type: 'datetime'
        },
        series: [{
            name: '买一',
            data: [],
        }, {
            name: '卖一',
            data: [],
        }]
    }
    var cfgE = {
        __isStock: false,
        extension: {
            layout: 'single',
            col: 4,
            height: '300px',
        },
        title: {
            text: '饼图2'
        },
        series: [{
            type: 'pie',
            name: 'one',
            data: [
                ["A", 25],
                ["B", 25],
                ["C", 25],
                ["D", 25],
            ]
        }]
    };

    var chart = Chart([cfgA, cfgB, cfgC, cfgD, cfgE]);
    chart.reset()
        // 为饼图清加一个数点，add只能更新通过add方式添加的数据点, 内置的数据点无法后期更新
    chart.add(3, {
        name: "ZZ",
        y: Math.random() * 100
    });
    while (true) {
        Sleep(1000)
        var ticker = exchange.GetTicker()
        if (!ticker) {
            continue;
        }
        var diff = ticker.Sell - ticker.Buy
        cfgA.subtitle = {
            text: '买一 ' + ticker.Buy + ', 卖一 ' + ticker.Sell,
        };
        cfgB.subtitle = {
            text: '价差 ' + diff,
        };

        chart.add([0, [new Date().getTime(), ticker.Buy]]);
        chart.add([1, [new Date().getTime(), ticker.Sell]]);
        // 相当于更新第二个图表的第一个数据序列
        chart.add([2, [new Date().getTime(), diff]]);
        chart.add(4, [new Date().getTime(), ticker.Buy]);
        chart.add(5, [new Date().getTime(), ticker.Buy]);
        cfgC.series[0].data[0][1] = Math.random() * 100;
        cfgE.series[0].data[0][1] = Math.random() * 100;
        // update实际上等于重置了图表的配置
        chart.update([cfgA, cfgB, cfgC, cfgD, cfgE]);
    }
}

---

• Stratégie de test de l'inventeur de l'app
• Test de graphique de visualisation complexe
• Un exemple complexe de diagramme hybride
• Test de plusieurs graphiques en C++
• Exemple de diagramme d'indicateur MACD en Python
• Exemple de graphique MACD
• python Tables d'état affichent des exemples de boutons
• Exemple de graphiques multiples
• Utiliser la bibliothèque de classes de lignes pour dessiner des lignes K et des exemples de diagrammes homogènes
• Testez plusieurs graphiques pour afficher la version Python
• TableTemplate

---

• TableTemplet de version Python (Beta Version)
• TableTemplate
• Ma seule tendance linéaire
• La stratégie de tendance de KingKeltner _ basse fréquence
• acheter-détenir
• Convertissez le modèle de gestion de cycles de ligne K aléatoire ((récemment mis à jour 20180627)
• Construire une stratégie automatisée à l'aide de BotVS
• BitMEX est un test simple
• Testez la fonctionnalité par défaut
• Bibliothèque de classes de dessin de version Python (compatible 2/3)
• Convert_record_cycle
• js R-Breaker
• Exemple 1 de l'information de l'interface graphique
• Convertissez n'importe quel cycle de ligne K.
• Transplantation de OKCoin dans une récolteuse de noix de cajou
• Modèle de cadre stratégique
• Le coût de l'escalier de Bitcoin
• Testez les stratégies de Brainstorming basées sur un cadre stratégique
• Bibliothèque de parcelles
• Bibliothèque de notifications par SMS

---

JXC6698Dans le paramètre chart.add, le premier paramètre d'une matrice est le numéro de série de cfgA, cfgB, cfgC.

NulLa documentation de l'API fournit des détails: la prise en charge de l'affichage de plusieurs graphiques, la configuration consiste simplement à saisir des paramètres d'arrayons tels que: var chart = Chart (([{...}, {...}, {...}]), par exemple, le graphique 1 a deux séries, le graphique 2 a une série, le graphique 3 a une série, alors lors de l'ajout, les ID séquentiels 0 et 1 représentent les données des deux séries du graphique 1.