Google 원형 차트가 반응이 없습니다.

응답 가능 차트를 만들려고합니다. 내 차트를 반응 적으로 만들기 위해 아래 코드를 추가했습니다. 하지만 여전히 작동하지 않습니다. 누군가 그것을 알아낼 수 있도록 도와 줄 수 있습니까? 고맙습니다.Google 원형 차트가 반응이 없습니다.

<script type="text/javascript"> 

google.charts.load('current', {'packages':['corechart']}); 
google.charts.setOnLoadCallback(drawChart); 

function drawChart() { 
    var jsonData = $.ajax({ 
     url: "<?php echo base_url() . 'index.php/main/lihat_graph' ?>", 
     dataType: "json", 
     async: false 
     }).responseText; 

    var data = new google.visualization.DataTable(jsonData); 

    var options = { 
    title: '', 
    hAxis: {title: 'Jumlah Kepakaran'}, 
    vAxis: {title: 'Jumlah Kepakaran'}, 
    bubble: {textStyle: { fontName: 'arial', fontSize: 12 }}, 
    colors: ['beige','pink','#00ADF9', 'maroon', 'red', 'green', 'purple', 'gray', 'orange'] 
    }; 

    if(data.getNumberOfRows() == 0){ 
    $("#chart_div").append("Graf Bidang Kepakaran masih dalam proses 
    pengumpulan data. Graf akan dipaparkan setelah proses pengumpulan data 
    selesai.") 
    }else{ 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
    chart.draw(data, options);   
    } 
} 


$(window).resize(function(){ 
    drawChart(); 
}); 
</script>

Graph은 내 그래프의 이미지입니다.

출처

2017-10-03 Ratih Wulandari Barata

너비는 항상 800입니다. 창 크기를 정당화하고 원하는대로 상자에 중첩되도록 수학을 수행하십시오.

width : window.innerWidth,

이 링크를 참조하고 코드를 작성하십시오. 당신이 쓴 방법은 성능 문제가 있습니다. JQuery: How to call RESIZE event only once it's FINISHED resizing?

출처

2017-10-03 08:18:50 DragonKnight

이제 너비와 높이를 설정하지 않고 코드를 조정합니다. 하지만 난 여전히. resize 함수를 사용합니다. 나는 내 코드를 다룬다. 하지만 문제는 내 그래프가 너무 작아 보이고, 심지어 라벨을 읽을 수 없기 때문입니다. 당신은 내 그래프를 볼 수 있습니다 -> http://smkphp.ukm.my/domainexpert/ –

지금 내 그래프가 작아지기를 바랍니다. –

fiddle plz를 만드십시오. – DragonKnight

Google 원형 차트가 반응이 없습니다.

답변

관련 문제