资源加载中... loading...

发明者量化 策略 柱状图 画图范例

Author: 发明者量化-小小梦, Created: 2017-07-21 18:12:00, Updated: 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


More

诺女也 改// cfg.xAxis.categories就可以了,谢谢

诺女也 能否把每个柱形图的下标,改成a,b,c 呢?

发明者量化-小小梦 不客气。

发明者量化-小小梦 可以,看下Highcharts 的文档。图表配置可以随意修改的。