(우리는 데이터이있는 경우 우리는 계속 사용할 메시지 그래서, 우리는 highcharts에 숨길 수있는 데이터를 보여주는 데이터가있는 경우). 제 생각에는 fustaki의 솔루션을 사용하고 있고 no-data-to-display.js 모듈을 사용하고 싶지 않습니다. 네, 언급 한 바와 같은 문제가 있습니다. 당신은 여전히이 코드를 수정할 수 있습니다. 즉,이 함수는 연속 함수 내에서 조건을 추가하여이 렌더링 메시지에 따라 계열이 비어 있는지 확인합니다.
Highcharts.setOptions({lang: {noData: "Your custom message"}})
var chart = Highcharts.chart('container', {
series: [{
data: []
}]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/no-data-to-display.js"></script>
<div id="container" style="height: 250px"></div>
희망이 :
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: []
}, function(chart) { // on complete
if (chart.series.length < 1) { // check series is empty
chart.renderer.text('No Data Available', 140, 120)
.css({
color: '#4572A7',
fontSize: '16px'
})
.add();
}
});
Fiddle 데모
그래. 하이 차트를 작성하지 말고 "No Data Available"이라는 텍스트를 삽입하십시오. 코드가 없으면 가장 도움이 될 것입니다. – George
예보기 ... http : //jsfiddle.net/gh/get/jquery/2/highcharts/highcharts/tree/master/samples/highcharts/no-data-to-display/no-data-pie/ –
수 있습니다. 우리는 폰트 크기를 늘리고 no-data-to-display-js 파일을 추가해야합니다. – Kondal