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>

如何使用JQChart在CodeIgniter中添加图形

1 个答案: