Как использовать c3.js Нет данных опция

Question

Я пытаюсь использовать никакой параметр данных из c3.js, но почему-то это не работает для меня.

Мое расслоения плотной скрипка: http://jsfiddle.net/ymqef2ut/7/

Я пытаюсь использовать пустую опцию в соответствии с с3 документации:

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

Тестовая площадка: проверка на Ирак

Надеюсь, это поможет!