Мне удалось отобразить сообщение "Нет данных" на моей диаграмме. Но проблема в том, что я хочу показать легенду с именем данных, даже если данных нет.
Если значения равны нулю, сообщение "Нет данных" исчезнет. Если данных нет, появится сообщение, но легенда исчезнет.
var chart = c3.generate({
data: {
bindto: "#chart",
x: 'x',
columns: [
['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'],
//Uncomment to see the legend ['data1', null, null, null, null, null, null]
['data1'] //Comment out to see the legend
],
empty: {
label: {
text: "No Data Available"
}
}
},
axis: {
x: {
type: 'timeseries',
tick: {
format: '%Y-%m-%d'
}
}
}
});
chart.load({});
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<link href="#" onclick="location.href='https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.css'; return false;" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.js"></script>
<div id='chart'></div>