Question

我需要为一个小项目创建一些图表，我正在尝试学习如何使用http://www.flotcharts.org/中的图表。我的问题是我需要从mysql查询中以非语的形式插入数据（每次刷新页面 - 因此不需要AJAX），我不明白如何构建所需的json文件。以下是json请求的示例：

//Flot Pie Chart
$(function() {
    var data = [{
        label: "Series 0",
        data: 1
    }, {
        label: "Series 1",
        data: 3
    }, {
        label: "Series 2",
        data: 9
    }, {
        label: "Series 3",
        data: 20
    }];

    var plotObj = $.plot($("#flot-pie-chart"), data, {
        series: {
            pie: {
                show: true
            }
        },
        grid: {
            hoverable: true
        },
        tooltip: true,
        tooltipOpts: {
            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
            shifts: {
                x: 20,
                y: 0
            },
            defaultTheme: false
        }
    });

});

有人可以给我帮助或一些好建议吗？谢谢。

Answer 1

你必须在后端输出json。示例：如果您使用的是php，则可以使用json_encode（）函数对数据进行编码（来自MySQL查询）并将其设置为javascript变量。

示例：

<script type="text/javascript">
// pass PHP variable declared above to JavaScript variable
var data = <?php echo json_encode($myqueryresult) ?>;
</script>

来自：http://www.dyn-web.com/tutorials/php-js/json/array.php

编码json文件以创建flotcharts

1 个答案: