발명자 정량화 전략 기둥 도표 그림 도표 예제

저자:작은 꿈, 2017-07-21 18:12:00에 생성, 2019-07-31 18:29:03에 업데이트

기둥 그림 그림 예제

기둥 모양 그림은 그림법을 이해하지 못하는 사람들을 위한 예입니다.

  • 이 글의 소스:

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)
    }
}
  • 실제 디스크가 작동합니다:

    img


더 많은

신부도 마찬가지입니다./ cfg.xAxis.categories를 수정해도 됩니다. 감사합니다.

신부도 마찬가지입니다.각 기둥의 기호를 a, b, c로 바꿀 수 있을까요?

작은 꿈이 모든 것은 매우 무례합니다.

작은 꿈Highcharts 문서를 참조하십시오. 차트 구성은 변경할 수 있습니다.