无法使用 morris.js 读取未定义的属性“x”

Question

我面临一个新问题。下面是我的 JSON 编码数据：{"1":{"day":"1","ccase":3,"ongoing":2,"done":1}, "2":{"day":"2","ccase":110,"ongoing":8,"done":0}, "3":{"day":"3","ccase":"4","ongoing":"0","done":"0"}}如何使用Morris.js设置多折线图？

Answer 1

示例控制器

    <?php

class Chart extends CI_Controller{

    function __construct(){

      parent::__construct();   

    }

    function index(){

      $data = $this->chart_model->get_data();

      $x['data'] = json_encode($data);

      $this->load->view('chart_view',$x);

    }

}

示例视图

<div id="graph"></div>

<script src="<?php echo base_url().'assets/js/jquery.min.js'?>"></script>

<script src="<?php echo base_url().'assets/js/raphael-min.js'?>"></script>

<script src="<?php echo base_url().'assets/js/morris.min.js'?>"></script>

<script>

    Morris.Bar({

      element: 'graph',

      data: <?php echo $data;?>,

      xkey: 'year',

      ykeys: ['purchase', 'sale', 'profit'],

      labels: ['Purchase', 'Sale', 'Profit']

    });

</script>