متعدد گرافکس کی نمائش کی جانچ

مصنف:صفر، تاریخ: 2017-03-19 17:54:47
ٹیگز:چارٹ

پلیٹ فارم کی حمایت کی حکمت عملی ایک ہی وقت میں ایک سے زیادہ چارٹ دکھاتا ہے. API دستاویزات میں چارٹ سیکشن کا حوالہ دیتے ہوئے مخصوص استعمالhttps://www.fmz.com/api#chart


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

متعلقہ

مزید

jxc6698chart.add میں، صف کا پہلا پیرامیٹر سی ایف جی اے، سی ایف جی بی، سی ایف جی سی میں سیریز نمبر ہے، ٹھیک ہے؟

صفرAPI دستاویزات میں تفصیلی وضاحتیں ہیں: متعدد چارٹ دکھانے کی حمایت کی جاتی ہے ، تشکیل کے وقت صرف صف کے پیرامیٹرز جیسے: var chart = Chart (([{...} ، {...} ، {...}]) ، جیسے چارٹ ایک میں دو سیریز ہیں ، چارٹ دو میں ایک سیریز ہے ، چارٹ تین میں ایک سیریز ہے ، تو جب شامل کریں تو 0 اور 1 سیریز آئی ڈی کی نمائندگی کرتے ہوئے چارٹ 1 کی دو سیریز کے اعداد و شمار کو اپ ڈیٹ کریں ، جب شامل کریں تو سیریز آئی ڈی کو 2 کے طور پر بیان کریں تو چارٹ 2 کی پہلی سیریز کے اعداد و شمار کی نشاندہی کرتے ہیں ، اور سیریز 3 کا مطلب ہے کہ چارٹ 3 کی پہلی سیریز کے اعداد و شمار کی نشاندہی کرتے ہیں۔