Highchart не показывает сообщение "Нет данных для отображения"
Всем Привет
Я реализовал highchart в своем веб-приложении. Он прекрасно работает, если есть данные. Но если данных нет, то он не показывает сообщение "нет доступных данных"
кто-нибудь, пожалуйста, помогите мне.
Мой код возвращает значение ниже
$(function () { Highcharts.theme = { colors: ['#cc0000','#38B6AB','#ff8000','#27ae60','#bf9393','#2c3e50','#7f8c8d','#2980b9','#6a5a8c','#e74c3c'], chart: { backgroundColor: { linearGradient: [0, 0, 0, 0], stops: [ [0, 'rgb(255, 255, 255)'], [1, 'rgb(240, 240, 255)'] ] }, }, title: { style: { color: '#000', font: 'bold 16px "Arial","Arial","Arial"' } }, subtitle: { style: { color: '#666', font: 'bold 12px "Arial","Arial","Arial"' } }, legend: { itemStyle: { font: '8pt "Arial","Arial","Arial"', color: 'black' }, itemHoverStyle:{ color: 'gray' } } }; Highcharts.setOptions(Highcharts.theme); var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'c2449f32-a781-4a11-84e4-9eefa7b513bf',plotBackgroundColor: null,plotBorderWidth: null,plotShadow: false,type: 'pie' }, title: { text:'', align: 'center', x: 0 }, subtitle: { text: '' }, tooltip: { formatter: function() {return '<b>'+ this.point.name +'</b>: '+ Math.round(this.percentage) +'%';} }, plotOptions: { pie: {allowPointSelect: true,cursor: 'pointer',dataLabels: {enabled: true,format: '{point.percentage:.1f}%',color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'black', style: { textShadow: 'none' } }, showInLegend: true,borderWidth: 0} }, xAxis: { }, yAxis: [{ }], credits: { enabled: false }, exporting: { enabled: true }, series: [ {type: 'pie',name: 'Revenue',data: ]} ] }); }); });
<div id="c2449f32-a781-4a11-84e4-9eefa7b513bf" style="min-width: 17%; height: 300px; margin: _MARGIN_ auto"></div>
Что я уже пробовал:
< pre lang= "JavaScript"> $(функция () {
Highcharts.тема = {
цвета: ['#cc0000','#38B6AB','#ff8000','#27ae60','#bf9393','#2c3e50','#7f8c8d','#2980b9','#6a5a8c','#e74c3c'],
диаграмма: {
фон: {
linearGradient: [0, 0, 0, 0],
останавливает: [
[0, & amp;#39;rgb(255, 255, 255)'],
[1, & amp;#39;rgb(240, 240, 255)']
]
},
},
заглавие: {
стиль: {
цвет: ' # 000& # 39;,
шрифт: &амп;#39;смелые 16px и усилителя;amp; quot;и Ариал&ампер;rdquo;, в&усилителя;и quot;Ариал&ампер;rdquo;, в&усилителя;и quot;Ариал&ампер;quot; и&АМП;#39;
}
},
подзаголовок: {
стиль: {
цвет: '#666& # 39;,
шрифт: &амп;#39;смелые 12px &ампер;quot;и Ариал&ампер;rdquo;, в&усилителя;и quot;Ариал&ампер;rdquo;, в&усилителя;и quot;Ариал&ампер;quot; и&АМП;#39;
}
},
легенда: {
itemStyle: {
шрифт: &амп;#39;8рт и amp;quot;и Ариал&ампер;rdquo;, в&усилителя;и quot;Ариал&ампер;rdquo;, в&усилителя;и quot;Ариал&ампер;quot; и&АМП;#39;,
цвет: & amp;#39;черный'
},
itemHoverStyle:{
цвет: & amp;#39;серый'
}
}
};
Highcharts.setOptions(Highcharts.темы); ВАР графике;
$(документ).готово(функция() {
таблица = новый Highcharts.Диаграмма({
диаграмма: {
renderTo: &амп;#39;c2449f32-a781-4a11-84e4-9eefa7b513bf&амп;#39;,plotBackgroundColor: нулевой,plotBorderWidth: нулевой,plotShadow: накладные,тип: &амп;#39;пирог&амп;#39;
},
заглавие: {
текст:&амп;#39;&ампер;#39;, выравнивание: &амп;#39;центр&ампер;#39;, х: 0
},
подзаголовок: {
текст: ''
},
подсказка: {
форматирования: функция() {вернуться &ампер;#39;&амп;ЛТ;б&амп;ГТ;&амп;#39;+ это.точка.имя +&амп;#39;&амп;ЛТ;/б&амп;ГТ;: &амп;#39;+ математика.круг(этот.в процентах) +&амп;#39;%&амп;#39;;}
},
plotOptions: {
pie: {allowPointSelect: true,cursor: 'pointer',dataLabels: {enabled: true,format: '{point.percentage:.1f}%',color: (Highcharts.theme ' Highcharts.theme.dataLabelsColor) | | ' black ', style: { textShadow:' none & # 39;}}, showinlegend: true,borderwidth: 0}
},
абсцисс: {
},
яксис: [{
}],
кредиты: {
включено: false },
экспорт: {
включено: true },
серии: [
{тип: & amp;#39;пирог', имя: & amp;#39;доход', данные: ]}
]
});
});
}); < / pre>
&ЛТ;заранее Ланг="HTML"и&ГТ;&амп;ЛТ;див ИД=&ампер;quot;и c2449f32-a781-4a11-84e4-9eefa7b513bf&ампер;ldquo; стиле=&ампер;quot;В мин-ширина: 17%; высота: 300 пикселей; маржа: _MARGIN_ автоматическое" и&АМП;ГТ;&амп;ЛТ;/дел&амп;ГТ;&ЛТ;/пре&ГТ;