首页 \ 问答 \ jupyter笔记本无法在GitHub中呈现(jupyter notebook not rendering in GitHub gist)

jupyter笔记本无法在GitHub中呈现(jupyter notebook not rendering in GitHub gist)

 我使用Jupyter笔记本创建并保存了一个笔记本。 然后我开始创建这个笔记本的github要点。 但是，笔记本没有在要点中呈现。 我只能看到原始代码。 我在下面列出了我的要点的链接：  
 https://gist.github.com/adikamath/26ae33d4fd613d716cdf01697130e675  
 我知道GitHub从一段时间以来就为ipnyb提供了高级支持，而且我不必使用像nbviewer这样的服务来查看它。 任何帮助表示赞赏。 

I created and saved a notebook using Jupyter notebooks. I then proceeded to create a github gist of this notebook. However, the notebook is not being rendered in the gist. I can only see the raw code. I have included the link to my gist below: 
https://gist.github.com/adikamath/26ae33d4fd613d716cdf01697130e675 
I know that GitHub provides advanced support for ipnyb since some time now and I don't have to use a service like nbviewer to see it rendered. Any help is appreciated.

原文：https://stackoverflow.com/questions/47868625

更新时间：2023-03-26 09:03

最满意答案

 听起来你可能需要按顺序而不是并行地进行ajax调用。  
 首先，将您的四个部分包装在function() {...}并从每个部分返回jqXHR 。  
function make_zero_rate_graph() {
    /*================================
    =            Zero Rate           =
    ==================================*/
    // 1-31 days
    return $.ajax({url: '/api/timebase/'+'{{ $cpe_mac }}/zero-rate'}).then(function(data) {
        if(data) {
            var gragh_ubb_0_rate = new FusionCharts({
                'type': 'bar2d',
                'renderAt': 'gragh_ubb_0_rate',
                'width': '100%',
                'dataFormat': 'json',
                'dataSource': {
                    'chart': $.extend({}, graph_ubb_configs, {
                        'caption': 'Zero Rated Traffic',
                        'subcaption': [data.m, data.d, data.y].join('/'),
                        'xaxisname': 'Bandwidth'
                    }),
                    'data': [
                        { 'label': 'Uplink', 'value': +data.zero_rate_vlan.up_bytes / 1000000 }, 
                        { 'label': 'Downlink', 'value': +data.zero_rate_vlan.down_bytes / 1000000 }
                    ],
                    'trendlines': t_line
                }
            });
            gragh_ubb_0_rate.render();
        }
    });
}

function make_hour_graph() {
    /*===========================
    =            Hour           =
    =============================*/
    return $.ajax({url: '/api/timebase/'+'{{ $cpe_mac }}/hour'}).then(function(data) {
        var gragh_ubb_hour = new FusionCharts({
            'type': 'column2d',
            'renderAt': 'gragh_ubb_hour',
            'width': '100%',
            'dataFormat': 'json',
            'dataSource': {
                'chart': $.extend({}, graph_ubb_configs, {
                    'caption': 'Daily Network Usage',
                    'subcaption': data.m + '/' + data.d + '/' + data.y + ' ( '+data.time+' )',
                    'xaxisname': 'Hours of Day'
                }),
                'data': data.hour_p_ubb.slice(0, 24).map(function(item, i) {
                    return {
                        'label': (i%12 || 12) + ' ' + ((i<12)?'AM':'PM'),
                        'value': (+item.up_bytes + +item.down_bytes) / 1000000
                    });
                }),
                // 'trendlines': t_line
            }
        });
        gragh_ubb_hour.render();
    });
}

function make_day_graph() {
    /*===========================
    =            DAY            =
    =============================*/
    // 1-31 days
    return $.ajax({url: '/api/timebase/'+'{{ $cpe_mac }}/day'}).then(function (data) {
        var c_val = 0;
        var gragh_ubb_day = new FusionCharts({
            'type': 'msline',
            'renderAt': 'gragh_ubb_day',
            'width': '100%',
            'dataFormat': 'json',
            'dataSource': {
                'chart': $.extend({}, graph_ubb_configs, {
                    'caption': 'Monthly Network Usage',
                    'subcaption': data.m + '/' + data.d + '/' + data.y,
                    'xaxisname': 'Days of Month'
                }),
                'categories': [{
                    'category': data.day_p_ubb.map(function(_, i) {
                        return { 'label': String(i+1) };
                    })
                }],
                'dataset': [{
                    'data': data.day_p_ubb.map(function(item, i) {
                        c_val += (i > 0 && i <= data.d) ? ((+item.up_bytes + +item.down_bytes) / 1000000) : 0;
                        return { 'value': c_val };
                    })
                }],
                'trendlines': t_line
            }
        });
        gragh_ubb_day.render();
    });
}

function make_month_graph() {
    /*============================
    =            Month           =
    ==============================*/
    var months = ['January', 'Febuary', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November','December'];
    return $.ajax({url: '/api/timebase/'+'{{ $cpe_mac }}/month'}).then(function (data) {
        var graph_month = new FusionCharts({
            'type': 'column2d',
            'renderAt': 'graph_month',
            'width': '100%',
            'dataFormat': 'json',
            'dataSource': {
                'chart': $.extend({}, graph_ubb_configs, {
                    'caption': 'Yearly Network Usage',
                    'subcaption': [data.m, data.d, data.y].join('/'),
                    'xaxisname': 'Months of Year'
                }),
                'data': data.month_p_ubb.slice(0,12).map(function(data, i) {
                    return {
                        'label': months[i],
                        'value': (+data.up_bytes + +data.down_bytes) / 1000000
                    };
                }),
                'trendlines': t_line
            }
        });
        graph_month.render();
    });
}
 
 函数内的代码已整理但未经过测试  
 有了这些功能，按顺序调用是微不足道的：  
// List the functions in an array 
var fns = [ make_zero_rate_graph, make_hour_graph, make_day_graph, make_month_graph ];

// And build a then() chain by reducing the array,
// see http://stackoverflow.com/documentation/javascript/231/promises/5917/#t=201612121359154320486
fns.reduce(function(jqPromise, fn) {
    return jqPromise.then(fn);
}, $.when());

Sounds like you might need to make the ajax call sequentially instead of in-parallel. 
First, wrap your four parts in function() {...} and return jqXHR from each. 
function make_zero_rate_graph() {
    /*================================
    =            Zero Rate           =
    ==================================*/
    // 1-31 days
    return $.ajax({url: '/api/timebase/'+'{{ $cpe_mac }}/zero-rate'}).then(function(data) {
        if(data) {
            var gragh_ubb_0_rate = new FusionCharts({
                'type': 'bar2d',
                'renderAt': 'gragh_ubb_0_rate',
                'width': '100%',
                'dataFormat': 'json',
                'dataSource': {
                    'chart': $.extend({}, graph_ubb_configs, {
                        'caption': 'Zero Rated Traffic',
                        'subcaption': [data.m, data.d, data.y].join('/'),
                        'xaxisname': 'Bandwidth'
                    }),
                    'data': [
                        { 'label': 'Uplink', 'value': +data.zero_rate_vlan.up_bytes / 1000000 }, 
                        { 'label': 'Downlink', 'value': +data.zero_rate_vlan.down_bytes / 1000000 }
                    ],
                    'trendlines': t_line
                }
            });
            gragh_ubb_0_rate.render();
        }
    });
}

function make_hour_graph() {
    /*===========================
    =            Hour           =
    =============================*/
    return $.ajax({url: '/api/timebase/'+'{{ $cpe_mac }}/hour'}).then(function(data) {
        var gragh_ubb_hour = new FusionCharts({
            'type': 'column2d',
            'renderAt': 'gragh_ubb_hour',
            'width': '100%',
            'dataFormat': 'json',
            'dataSource': {
                'chart': $.extend({}, graph_ubb_configs, {
                    'caption': 'Daily Network Usage',
                    'subcaption': data.m + '/' + data.d + '/' + data.y + ' ( '+data.time+' )',
                    'xaxisname': 'Hours of Day'
                }),
                'data': data.hour_p_ubb.slice(0, 24).map(function(item, i) {
                    return {
                        'label': (i%12 || 12) + ' ' + ((i<12)?'AM':'PM'),
                        'value': (+item.up_bytes + +item.down_bytes) / 1000000
                    });
                }),
                // 'trendlines': t_line
            }
        });
        gragh_ubb_hour.render();
    });
}

function make_day_graph() {
    /*===========================
    =            DAY            =
    =============================*/
    // 1-31 days
    return $.ajax({url: '/api/timebase/'+'{{ $cpe_mac }}/day'}).then(function (data) {
        var c_val = 0;
        var gragh_ubb_day = new FusionCharts({
            'type': 'msline',
            'renderAt': 'gragh_ubb_day',
            'width': '100%',
            'dataFormat': 'json',
            'dataSource': {
                'chart': $.extend({}, graph_ubb_configs, {
                    'caption': 'Monthly Network Usage',
                    'subcaption': data.m + '/' + data.d + '/' + data.y,
                    'xaxisname': 'Days of Month'
                }),
                'categories': [{
                    'category': data.day_p_ubb.map(function(_, i) {
                        return { 'label': String(i+1) };
                    })
                }],
                'dataset': [{
                    'data': data.day_p_ubb.map(function(item, i) {
                        c_val += (i > 0 && i <= data.d) ? ((+item.up_bytes + +item.down_bytes) / 1000000) : 0;
                        return { 'value': c_val };
                    })
                }],
                'trendlines': t_line
            }
        });
        gragh_ubb_day.render();
    });
}

function make_month_graph() {
    /*============================
    =            Month           =
    ==============================*/
    var months = ['January', 'Febuary', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November','December'];
    return $.ajax({url: '/api/timebase/'+'{{ $cpe_mac }}/month'}).then(function (data) {
        var graph_month = new FusionCharts({
            'type': 'column2d',
            'renderAt': 'graph_month',
            'width': '100%',
            'dataFormat': 'json',
            'dataSource': {
                'chart': $.extend({}, graph_ubb_configs, {
                    'caption': 'Yearly Network Usage',
                    'subcaption': [data.m, data.d, data.y].join('/'),
                    'xaxisname': 'Months of Year'
                }),
                'data': data.month_p_ubb.slice(0,12).map(function(data, i) {
                    return {
                        'label': months[i],
                        'value': (+data.up_bytes + +data.down_bytes) / 1000000
                    };
                }),
                'trendlines': t_line
            }
        });
        graph_month.render();
    });
}
 
Code within the functions is tidied but not tested 
With those functions in place, calling in sequence is trivial : 
// List the functions in an array 
var fns = [ make_zero_rate_graph, make_hour_graph, make_day_graph, make_month_graph ];

// And build a then() chain by reducing the array,
// see http://stackoverflow.com/documentation/javascript/231/promises/5917/#t=201612121359154320486
fns.reduce(function(jqPromise, fn) {
    return jqPromise.then(fn);
}, $.when());

jupyter笔记本无法在GitHub中呈现(jupyter notebook not rendering in GitHub gist)

最满意答案

相关问答

通过本地客户端程序获取服务器mysql数据库信息[2023-04-27]

XHR调用返回空(XHR calls return empty)[2022-05-09]

jQuery ajax - xhr.responseText始终未定义(jQuery ajax - xhr.responseText always undefined)[2023-10-12]

Rails3 ajax回调有空xhr(Rails3 ajax callback has empty xhr)[2024-01-08]

XHR无法在Java中加载GET？(XHR failed loading GET in Java?)[2022-10-23]

防止任何Ajax XHR GET在页面加载时返回500错误(Prevent Any Ajax XHR GETs returning 500 Error on page load)[2021-12-16]

服务器对多个异步XHR的响应(Server response to multiple asyncronous XHR)[2023-09-24]

从XHR / Ajax请求返回javascript的实际用例？(Practical use cases for returning javascript from an XHR/Ajax request?)[2022-08-14]

铬的xhr请求太多了(too many xhr requests in chrome)[2022-07-14]

Ajax请求绕过了ripple xhr代理(Ajax requests bypass the ripple xhr proxy)[2022-07-13]

相关文章

最新问答