Subhash PM Ответов: 0

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.тема = {
цвета: [&#39;#cc0000&#39;,&#39;#38B6AB&#39;,&#39;#ff8000&#39;,&#39;#27ae60&#39;,&#39;#bf9393&#39;,&#39;#2c3e50&#39;,&#39;#7f8c8d&#39;,&#39;#2980b9&#39;,&#39;#6a5a8c&#39;,&#39;#e74c3c&#39;],
диаграмма: {
фон: {
linearGradient: [0, 0, 0, 0],
останавливает: [
[0, & amp;#39;rgb(255, 255, 255)&#39;],
[1, & amp;#39;rgb(240, 240, 255)&#39;]
]
},
},
заглавие: {
стиль: {
цвет: &#39; # 000& # 39;,
шрифт: &амп;#39;смелые 16px и усилителя;amp; quot;и Ариал&ампер;rdquo;, в&усилителя;и quot;Ариал&ампер;rdquo;, в&усилителя;и quot;Ариал&ампер;quot; и&АМП;#39;
}
},
подзаголовок: {
стиль: {
цвет: &#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;черный&#39;
},
itemHoverStyle:{
цвет: & amp;#39;серый&#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;+ математика.круг(этот.в процентах) +&амп;#39;%&амп;#39;;}
},
plotOptions: {
pie: {allowPointSelect: true,cursor: &#39;pointer&#39;,dataLabels: {enabled: true,format: &#39;{point.percentage:.1f}%&#39;,color: (Highcharts.theme &#39; Highcharts.theme.dataLabelsColor) | | &#39; black &#39;, style: { textShadow:&#39; none & # 39;}}, showinlegend: true,borderwidth: 0}
},
абсцисс: {

},
яксис: [{

}],
кредиты: {
включено: false },
экспорт: {
включено: true },
серии: [
{тип: & amp;#39;пирог&#39;, имя: & amp;#39;доход&#39;, данные: ]}
]
});
});
}); < / pre>
&ЛТ;заранее Ланг="HTML"и&ГТ;&амп;ЛТ;див ИД=&ампер;quot;и c2449f32-a781-4a11-84e4-9eefa7b513bf&ампер;ldquo; стиле=&ампер;quot;В мин-ширина: 17%; высота: 300 пикселей; маржа: _MARGIN_ автоматическое&quot; и&АМП;ГТ;&амп;ЛТ;/дел&амп;ГТ;&ЛТ;/пре&ГТ;

0 Ответов