d3.js - 如何使用 c3.js 无数据选项

Question

我试图不使用 c3.js 中的数据选项，但不知何故它对我不起作用。
我的 js fiddle :
http://jsfiddle.net/ymqef2ut/7/
我正在尝试根据 c3 文档使用空选项:

 empty: { label: { text: "No Data Available" }   }

Answer 1

你的 fiddle 有两个问题:

问题1:

   data: {
        columns: [
            ['electricity plants', elec_plants],
            ['CHP plants', chp_planrs],
            ['Unallocated autoproducers / Other energy industry own use', auto_pro],
            ['Other', other_elec],
        ],
        type : 'pie'
    },
        empty: { label: { text: "No Data Available" }   },//this is wrong should be a part of data 

空应该是数据json的一部分，如下所示

   data: {
        columns: [
            ['electricity plants', elec_plants],
            ['CHP plants', chp_planrs],
            ['Unallocated autoproducers / Other energy industry own use', auto_pro],
            ['Other', other_elec],
        ],
        type : 'pie',
        empty: { label: { text: "No Data Available" }   },//this is correct
    },

问题2:
当数据不存在时，列数组应该是一个空数组

var col5 = [];//set empty array
            if (resi || com || agri || other_sec){
                col5 = [['Residential', resi],
                        ['Commercial and public services', com],
                        ['Agriculture/forestry', agri],
                        ['Other', other_sec]]
            }
            //if all are 0 then col = []
            var chart = c3.generate({
                bindto: "#chart_5",
                data: {
                    columns: col5,
                    type: 'pie',
                    empty: {
                        label: {
                            text: "No Data Available"
                        }
                    }
                },       

工作代码 here

测试案例:检查伊拉克

希望这可以帮助!