Как показать Нет данных, доступных при загрузке диаграммы c3 JS

Question

Я делаю диаграмму с данными изначально, но опять же, если данные недоступны в диаграмме на функции загрузки, она не показывает ни одной доступной строки данных.

var chart = c3.generate({ 
 
bindto: '#chart1', 
 
data: { 
 
     columns: [ 
 
      ['data1', -30, 200, 200, 400, -150, 250], 
 
      ['data2', 130, 100, -100, 200, -150, 50] 
 
     ], 
 
     type: 'bar', 
 
     groups: [ 
 
      ['data1', 'data2'] 
 
     ], 
 
     empty: { label: { text: "No Data Available" } } 
 
    }, 
 
    grid: { 
 
     y: { 
 
      lines: [{value:0}] 
 
     } 
 
    } 
 
}); 
 

 

 
setTimeout(function() { 
 

 
    chart.load({ 
 
     columns: [ 
 
     
 
     
 
     ], 
 
     empty: { label: { text: "No Data Available" } } 
 
    }); 
 
    chart.flush(); 
 
}, 1500);

<link href="https://rawgit.com/masayuki0812/c3/master/c3.css" rel="stylesheet"/> 
 
<script src="https://rawgit.com/masayuki0812/c3/master/c3.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> 
 
<div id="chart1"></div>

Как не показывать Нет данных по функции загрузки?

Answer 1

Для загрузки новых данных необходимо выгрузить старые данные по идентификаторам:

setTimeout(function() { 
    chart.load({ 
    columns: [], 
    unload: ['data1', 'data2']//here data1, data2 are your old data ids 
    }); 

chart.flush(); 
}, 1500); 

рабочий код here