Inventor Quantificação Estratégias Gráficos em colunas Modelos de gráficos

Autora:Sonhos pequenos, Criado: 2017-07-21 18:12:00, Atualizado: 2019-07-31 18:29:03

Diagrama de colunas

Aqui está um exemplo para quem não conhece a técnica de desenho.

  • A fonte é:

var cfg = {
    __isStock: false,
    title : { text : 'diff'},
    chart : { type : 'column' },
    xAxis: { categories : []},           // cfg.xAxis.categories
    yAxis : {
        title : { text : "counts"}
    },
    series : [{
        type : "column",
        name : "a" + "&" + "b",
        data : [],                       // cfg.series.data
    }],
};

function changeNum(Num){
    if(Num > 100){
        return 0
    }
    Num += 5
    return Num
}

function main(){
    var chartObj = Chart(cfg)
    chartObj.reset()
    var a = 5
    var b = 15
    var c = 25
    
    chartObj.add(["a", 10])
    chartObj.add(["b", 20])
    chartObj.add(["c", 70])
    
    chartObj.add(["c", 55, -1])
    
    chartObj.update(cfg)
    
    while(true){
        a = changeNum(a)
        b = changeNum(b)
        c = changeNum(c)
        
        chartObj.add(["a", a, -3])
        chartObj.add(["b", b, -2])
        chartObj.add(["c", c, -1])
        chartObj.update(cfg)
        LogStatus(_D())
        Sleep(500)
    }
}
  • Disco real em funcionamento:

    img


Mais.

A noiva também.O / cfg.xAxis.categories pode ser alterado, obrigado.

A noiva também.Podemos transformar o sublinhado de cada gráfico em a, b, c?

Sonhos pequenosNão é cortês.

Sonhos pequenosPode ver a documentação do Highcharts. A configuração do gráfico pode ser alterada.