Javascript 带有codeigniter的Morris.js不显示数据

试图让morris.js使用codeigniter，但由于某些原因没有显示在图表上，我在控制器函数

balance（）

我的json输出被编码为

[“[{y:'2018-03-08'，a:82.36}]，”]

问题：如何确保图表数据显示正确

看法

$.ajax({
键入：“get”，
url:“”，
数据类型：“json”，
成功：函数（json）{
警报（json）；
莫里斯酒吧({
元素：“条形图”，
数据：json，
xkey:'y'，
ykeys:[a']，
标签：[“地点赢”]，
gridTextSize:12，
调整大小：对，
条形码颜色：[“#0b62a4”]，
});
},
});

更新 我也尝试过这种方法，但在图表上仍然没有显示。我得到的数据很好

<script type="text/javascript">
$( document ).ready(function() {

    $(function() {

        var jsonData = $.getJSON("<?php echo base_url('welcome/balance');?>", function (jsonData) {
            console.log(jsonData); 

            Morris.Bar({
                element: 'bar-chart',
                data: jsonData,
                xkey: 'Y',
                ykeys: ['a'],
                labels: ['Wins'],
                hideHover: 'auto',
                resize: true
            });

        });
    });
});

$（文档）.ready（函数（）{
$（函数（）{
var jsonData=$.getJSON（“），函数（jsonData）{
console.log（jsonData）；
莫里斯酒吧({
元素：“条形图”，
资料来源：jsonData，
xkey:'Y'，
ykeys:[a']，
标签：['Wins']，
隐藏：“自动”，
调整大小：true
});
});
});
});

---

我让它工作了，我在控制器和视图中做了一些更改

首先，我使用like

$( document ).ready(function() {

    $(function() {

        var jsonData = $.getJSON("<?php echo base_url('welcome/balance');?>", function (jsonData) {
            console.log(jsonData); 

            Morris.Bar({
                element: 'bar-chart',
                data: jsonData,
                xkey: 'y',
                ykeys: ['a'],
                labels: ['Wins'],
                hideHover: 'auto',
                resize: true
            });

        });
    });
});

现在一切正常

<script type="text/javascript">
$( document ).ready(function() {

    $(function() {

        var jsonData = $.getJSON("<?php echo base_url('welcome/balance');?>", function (jsonData) {
            console.log(jsonData); 

            Morris.Bar({
                element: 'bar-chart',
                data: jsonData,
                xkey: 'Y',
                ykeys: ['a'],
                labels: ['Wins'],
                hideHover: 'auto',
                resize: true
            });

        });
    });
});

$( document ).ready(function() {

    $(function() {

        var jsonData = $.getJSON("<?php echo base_url('welcome/balance');?>", function (jsonData) {
            console.log(jsonData); 

            Morris.Bar({
                element: 'bar-chart',
                data: jsonData,
                xkey: 'y',
                ykeys: ['a'],
                labels: ['Wins'],
                hideHover: 'auto',
                resize: true
            });

        });
    });
});

public function balance() {
    $json = array();

    $results = $this->getPlaceWins();

    foreach ($results as $value) {
        $json[] = array('y' => date('Y-m-d', strtotime($value['date'])), 'a' => $this->getSumTotalPlace($value['date']));

        //$json[] = "y: " . "'" . date('Y-m-d', strtotime($value['date'])) . "'" . " , a: " . $this->getSumTotalPlace($value['date']);
    }

    echo json_encode($json);
}