1. Quadrado
2. Teste a exibição de vários gráficos

Teste a exibição de vários gráficos

Autora:Zero., Data: 2017-03-19 17:54:47
Tags:Gráfico

---

---

/*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]);
    }
}

---

• Inventor APP estratégia de teste de gráficos
• Edição de teste de gráficos de visualização complexa
• Um exemplo complexo de um gráfico misto
• Testes de gráficos múltiplos C++
• Modelo de diagrama de indicadores MACD em Python
• Modelo de gráfico do MACD
• python Tabela de barras de estado Exemplo de botão
• Exemplo de gráficos múltiplos
• Exemplos de gráficos de K-strings e de gráficos de linha média usando a biblioteca de classes de linhas gráficas
• Testar vários gráficos para mostrar versões do Python
• TableTemplate

---

• Python Version TableTemplet (versão Beta)
• TableTemplate
• Ma negociação de tendências
• KingKeltner estratégia de tendências_ Baixa frequência
• Buy-hold Comprar e manter
• Conversão de um padrão arbitrário de gerenciamento de ciclos de linha K (múltipla atualização 20180627)
• Construir uma estratégia automatizada usando BotVS
• BitMEX é um teste simples
• Testar funções de conjunto de parâmetros padrão
• Biblioteca de classes de desenho da versão Python (compatível 2/3)
• Convert_Record_Cycle
• js R-Breaker
• Exemplo 1 de apresentação de informações de interface gráfica
• Converter qualquer ciclo de linha K
• Transplante OKCoin para a colheita de cenoura
• Modelo de estrutura estratégica
• A escada do Bitcoin é uma cobertura de diferença
• Testar estratégias de faixa de brinquedos (baseado em uma estrutura de estratégias)
• Biblioteca de gráficos
• Biblioteca de notificações de SMS

---

JXC6698No parâmetro chart.add, o primeiro parâmetro da matriz é o número da série cfgA, cfgB, cfgC, certo?

Zero.A documentação da API tem informações detalhadas: Suporte para exibir vários gráficos, basta inserir um parâmetro de matriz para a configuração, como: var chart = Chart (([{...}, {...}, {...}]), por exemplo, o gráfico 1 tem duas séries, o gráfico 2 tem uma série, o gráfico 3 tem uma série, então, ao adicionar, especifique 0 e 1 para atualizar os dados das duas séries do gráfico 1, ao adicionar, especifique o ID de sequência 2 para os dados da primeira série do gráfico 2, e a linha 3 para os dados da primeira série do gráfico 3.