Question

我正在使用Morris条形图，我想显示条形图：

这是我的控制器：

public function detail_grafik() 
    {   
            $row = $this->Tb_grafik_model->get_data()->result();
            $iklan  = $this->Tb_iklan_model->get_all();
            $berita = $this->Tb_berita_model->get_all(); 

             ($row) {
                $data = array(
                'row'     => json_encode($row),
                'iklan'   => $iklan,    
                'berita'  => $berita, 
                'content' =>"frontend/detail_grafik"
                );
            $this->load->view('layout/frontend', $data);

            } else {
                $this->session->set_flashdata('message', 'Record Not Found');
                redirect(site_url('frontend'));
            }
        }

我的观点：

<link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/vendor/morris/morris.css">


<div style="width: 500px;height: 500px">
<canvas id="grafik"></canvas>
</div>
<script type="text/javascript" src="<?=base_url()?>assets/vendor/jQuery/jQuery.min.js"></script>
<script type="text/javascript" src="<?=base_url()?>assets/vendor/raphael/raphael-min.js"></script>
<script type="text/javascript" src="<?=base_url()?>assets/vendor/morris/morris.min.js"></script>

<script>
    Morris.Bar({
      element: 'grafik',
      data: <?php echo $data;?>,
      xkey: 'kd_spbu',
      ykeys: ['kd_spbu', 'desa', 'nama_persahaan', 'alamat', 'pemilik', 'jumlah_nozzle'],
      labels: ['kd_spbu', 'desa', 'nama_persahaan', 'alamat', 'pemilik', 'jumlah_nozzle']
    });

</script>

  </section>
  </body>
  </html>

这是我的错误：   raphael-min.js：10错误：属性宽度：预期长度，“ Infinity”

无法显示栏。帮帮我..

Answer 1

您的xkey（kd_spbu）也位于ykey中。您需要将其从ykeys中删除。

在您的PHP代码中也没有定义xkeys / ykeys。

使用Morris Bar无法显示

1 个答案: