Javascript 使用php的Highcharts列

我对海图图形有一个问题。这个->

我有一个数据库，其中有一个表名为“Days”和“Works”，我想把我拥有的天数放在“categories[]”和“work in series[]”中； 但是 我不知道我的JSON需要怎样，或者最好的方法是使用JS数组

我试着这样做：

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

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

js_array=new array（）；
xAxis：{
类别：js_阵列，
十字准星：对
},

或者只是

类别：

但是不要成功

你能帮我吗？

我使用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>

$（函数（）{
var图表=新的Highcharts.图表({
图表：{
键入：“列”，
renderTo:“容器”
},
标题：{
文本：“客户端下载”
},
副标题:{
文本：“单击列以查看产品。”
},
xAxis：{
类型：“类别”
},
亚克斯：{
标题：{
文本：“总下载量”
}
},
图例：{
已启用：false
},
打印选项：{
系列：{
边框宽度：0，
数据标签：{
已启用：true
}
}
},
工具提示：{
headerFormat:“{series.name}
”，
pointFormat:“{point.name}:{point.y:.2f}
”
},
系列：[{
名称：“下载”，
colorByPoint：对，
数据：[
@foreach（模型中的var项目）
{
{
名称：“@item.name”，
y:@item.Downloads，
向下展开：“@item.Name”}，
}
]
}],
向下展开：{
系列：[
@foreach（模型中的var项目）
{
{
名称：“@item.name”，
id:“@item.Name”，
数据：[
foreach（在item.ProductDownloads中下载var）
{
[“@download.Product”、@download.Downloads]，
}
]
},
}
]
}
});
});

我使用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>

$（函数（）{
var图表=新的Highcharts.图表({
图表：{
键入：“列”，
renderTo:“容器”
},
标题：{
文本：“客户端下载”
},
副标题:{
文本：“单击列以查看产品。”
},
xAxis：{
类型：“类别”
},
亚克斯：{
标题：{
文本：“总下载量”
}
},
图例：{
已启用：false
},
打印选项：{
系列：{
边框宽度：0，
数据标签：{
已启用：true
}
}
},
工具提示：{
headerFormat:“{series.name}
”，
pointFormat:“{point.name}:{point.y:.2f}
”
},
系列：[{
名称：“下载”，
colorByPoint：对，
数据：[
@foreach（模型中的var项目）
{
{
名称：“@item.name”，
y:@item.Downloads，
向下展开：“@item.Name”}，
}
]
}],
向下展开：{
系列：[
@foreach（模型中的var项目）
{
{
名称：“@item.name”，
id:“@item.Name”，
数据：[
foreach（在item.ProductDownloads中下载var）
{
[“@download.Product”、@download.Downloads]，
}
]
},
}
]
}
});
});

我的建议是只使用javascript代码，然后在运行时添加您的php代码。谢谢，这有助于理解如何操作的逻辑概念。我的建议是只使用javascript代码，然后在运行时添加您的php代码。谢谢，这有助于理解如何操作的逻辑概念