Inventor Cuantificación Estrategia Diagrama de columnas Ejemplos de gráficos

El autor:Un sueño pequeño., Creado: 2017-07-21 18:12:00, Actualizado: 2019-07-31 18:29:03

Diagrama de columnas Ejemplos de dibujos

Para aquellos que no saben dibujar, aquí hay un ejemplo.

  • La fuente:

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 en funcionamiento:

    img


Más.

Las novias también.Si quieres, puedes cambiar las categorías. Gracias.

Las novias también.¿Puedes cambiar el subíndice de cada gráfico de columnas a a, b, c?

Un sueño pequeño.No es muy amable.

Un sueño pequeño.Puede consultar la documentación de Highcharts. La configuración del gráfico puede modificarse a voluntad.