Question

我正在尝试使用c3.js中没有数据选项但不知何故它对我不起作用。

我的小提琴：的 http://jsfiddle.net/ymqef2ut/7/

我正在尝试根据c3文档使用空选项：

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

Answer 1

你的小提琴有两个问题：

问题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

测试案例：检查伊拉克

希望这有帮助！

如何使用c3.js没有数据选项

1 个答案: