javascript - 使用 php 的 Highcharts 列

Question

嗯，我遇到了 Highchart 图形的问题。这一个 -> http://www.highcharts.com/demo/column-basic

我有一个数据库，其中有一个名为“Days”和“Works”的表，我想将我拥有的日子放入“类别[]”中，将作品放入系列[]中；但 我不知道我的 JSON 需要如何，或者最好的方法是使用 JS 数组

我尝试过这种方法:

    js_array = new Array(<?php echo implode(',', $array1); ?>);

 xAxis: {
            categories: js_array,
            crosshair: true
        },

或者只是categories:<?php echo json_encode($array1);?>

但没有成功。

你能帮我吗？

Answer 1

我使用 asp.net (MVC5) 执行此操作，但我认为 php 的想法相同，希望它有所帮助。

<script>

    $(function () {
        var chart = new Highcharts.Chart({
            chart: {
                type: 'column',
                renderTo: 'container'
            },
            title: {
                text: "Client's downloads"
            },
            subtitle: {
                text: 'Click the columns to view products.'
            },
            xAxis: {
                type: 'category'
            },
            yAxis: {
                title: {
                    text: 'Total downloads'
                }
            },
            legend: {
                enabled: false
            },
            plotOptions: {
                series: {
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true
                    }
                }
            },
            tooltip: {
                headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
                pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b><br/>'
            },
            series: [{
                name: "Downloads",
                colorByPoint: true,
                data: [
                    @foreach (var item in Model)
                    {
                            <text>{</text>
                            <text>name: "</text> @item.Name <text>",</text>
                            <text>y: </text> @item.Downloads <text>,</text>
                            <text>drilldown: "</text>@item.Name<text>"},</text>
                    }
                ]
            }],
            drilldown: {
                series: [

                    @foreach (var item in Model)
                    {
                        <text>{</text>
                        <text>name: "</text>@item.Name<text>",</text>
                        <text>id: "</text>@item.Name<text>",</text>

                        <text>data: [</text>

                            foreach (var download in item.ProductDownloads)
                            {
                                <text>["</text> @download.Product <text>", </text> @download.Downloads <text>],</text>
                            }

                        <text>]</text>

                        <text>},</text>
                    }

                    ]
            }
        });
    });


</script>