Как добавить графику в CodeIgniter при использовании JQChart

Question

Здравствуйте, мне нужно добавить диаграмму на мой взгляд

Я все еще путаюсь, есть много примеров диаграмм в Интернете, но с использованием javascript, и немного использования таблицы в качестве базового значения диаграммы...

Мне нужна ваша помощь для ввода моего значения из базы данных и таблицы в мой график

вот мой взгляд:

<table><?php   if($query): foreach($query as $post) ?>
<tr>
<th> Number </th> <th> Jenis </th> <th> Hasil </th>
</tr>
<tr>
<td> 01 </td> <td> <? echo $post->jenis1; </td> <td> <? echo $post->hasil1; ?> </td>
<td> 02 </td> <td> <? echo $post->jenis2; </td> <td> <? echo $post->hasil2; ?> </td>
....etc
</tr><?php  endforeach;?>
</table><?php endif ?>

Вот мой скрипт Javascript для графики ниже

<script lang="javascript" type="text/javascript">
    $(document).ready(function () {
        $('#jqChart').jqChart({
            title: { text: 'Grafik Masalah Individu' },
            axes: [
                    {
                        location: 'left',
                        minimum: 0,
                        maximum: 100,
                        interval: 5
                    }
                  ],
            series: [
                        {
                            type: 'column',
                            data: [['Kesehatan',3], ['Ekonomi', 14], ['Keluarga', 65], ['Agama & Moral', 85 ], ['Pribadi', 76], ['Hubungan Sosial', 43]]
                        } /* I want to insert my database value there  */
                    ]
        });
    });
</script>

Answer 1

Надеюсь это поможет

<script lang="javascript" type="text/javascript">
        $(document).ready(function () {
            $('#jqChart').jqChart({
                title: { text: 'Your graph name' },
                axes: [
                        {
                            location: 'left',
                            minimum: 0,
                            maximum: 100,
                            interval: 5
                        }
                      ],
                series: [
                            {
                                type: 'column',
                                data: [[<? echo $post->jenis1; ?>], <? echo $post->hasil1; ?>], [<? echo $post->jenis2; ?>], <? echo $post->hasil2; ?>], ...etc]
                            }
                        ]
            });
        });
    </script>