无法使用 morris.js 读取未定义的 属性 'x'
Cannot read property 'x' of undefined using morris.js
我遇到了一个新问题。下面是我的 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设置多折线图?
Example Controller
<?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);
}
}
Example View
<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>
我遇到了一个新问题。下面是我的 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设置多折线图?
Example Controller
<?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);
}
}
Example View
<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>