Question

我的代码：

series: [{
            name: 'Brands',
            colorByPoint: true,
            <?php
            $models="SELECT * FROM purchase_info GROUP BY model_name";
            $models_querry=mysql_query($models);
            while($models_data=mysql_fetch_assoc($models_querry))
            {
            $model_name[]=$models_data['model_name'];
            }
            ?>
            data: [{
                name: ['<?php echo join($model_name, ',') ?>'],
                y: 56.33,
                drilldown: 'Hero Honda'
            }]
        }],

在我的项目中，我使用高图表，因为我如何将PHP数据添加到其中，我只是收集所有数据并保存到一个名为$model_name[]的变量中，之后我传递了数组价值进入数据，但由于它不会吐出，所有数据都会回显为单一数据。

Answer 1

使用ajax ...查看脚本代码

$.ajax({
                    type: "POST",
                    url: 'ajax.php',             
                    success: function(data) {
                        a = jQuery.parseJSON(data); 
                        i=0;
                        $.each( a.total_potential_score, function( key, val ) {
                           data1[i] = parseFloat(val);
                            i++;
                        });
                        rasterize_function(data1);
                      }
                });

Ajax文件看起来像这样

$a[0] = "1";
$a[1] = "2";
$a1['total_potential_score'][0] = "1";
$a1['department_name'][0] = "aaaaa";
$a1['total_potential_score'][1] = "3";
$a1['department_name'][1] = "bbbbb";
echo json_encode($a1);

此处显示的高级图表功能

function rasterize_function(data1)  {
       var seriesArray = [];
       $.each( data1, function( key, val ) {
            seriesArray.push({
            name: "aaaa",
            data: [val],
            animation: false,
            dataLabels: {
                enabled: true,
                rotation: -90,
                color: '#FFFFFF',
                align: 'right',
                x: 4,
                y: 10,
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }

        });
    });
       $('#container').highcharts({
            chart: {
                type: 'column',
                width: 700,
                height: 400,
                borderWidth: 0
            },
            title: {
                text: 'sector',
                align: 'left'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: ['College, Personal Development and Career Scores'],
             },
            yAxis: {
                min: 0,
                title: {
                    text: 'Potential Score'
                }
            },
            legend: {
                layout: 'horizontal',
                backgroundColor: '#FFFFFF',
                verticalAlign: 'bottom',
                x: 10,
                y: 7,
                floating: false,
                shadow: true
            },
            tooltip: {
                formatter: function() {
                    return ''+
                        this.x +': '+ this.y +' points';
                }
            },
            plotOptions: {
                column: {
                    animation: false,
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series:seriesArray  

        }); 
       }

如何在php中将php数据添加到highchart js文件中

1 个答案: