templates/frontend/dataset/_chart.html.twig line 1

Open in your IDE?
  1. {# <div style="position: relative; overflow-x: auto;"> #}
  2. <div id="linechart_test" style="width: 100%; height: 400px; margin: 0 auto"></div>
  3. <script src="{{ asset('frontend/js/jquery.min.js') }}"></script>
  4. <script type="text/javascript">
  6.     jQuery(document).ready(function(){
  7.         getDataChart();
  8.     });
  10.     function getDataChart() {
  11.         var periode = $('#periode').val()+' '+$('#tahunx').val();
  12.         $.ajax({
  13.             type: "GET",
  14.             dataType: "json",
  15.             url: "{{ path('dataset_chart_json', {id: publikasi.id}) }}",
  16.             data: {
  17.                 periode: periode
  18.             },
  19.             success    :    function(r){
  20.                 chartHighchart(r.columns, r.datas);
  21.                 console.log(r.datas);
  22.             }
  23.         });
  24.     }
  26.     function chartHighchart(columnx, datax) {
  27.         var chartx = new Highcharts.Chart({
  28.             chart: {
  29.                 "renderTo": "linechart_test",
  30.                 "type": "{{ grafik_info['tipe'] }}"
  31.             },
  32.             series: datax, 
  33.             title: {
  34.                 "text": "{{ grafik.judul }}"
  35.             },
  36.             xAxis: {
  37.                 "title": {
  38.                     "text":"{{ grafik_info['varX'] }}"
  39.                 },
  40.                 "categories": columnx
  41.             },
  42.             yAxis: {
  43.                 "title": {
  44.                     "text": ""
  45.                 }
  46.             },
  47.             credits: {
  48.                 enabled: false
  49.             }
  50.         });
  51.     };
  52. </script>
  53. {# </div> #}