Highcharts饼图切片错误

时间:2012-10-14 20:44:13

标签: php jquery mysql highcharts

非常感谢您阅读本文,如果我的英语不是很好,我会道歉。

好吧,我正在尝试做一个高图饼图,但标签不会出现,只有数字。 我一直在寻找,但我找不到答案,而且我是新手。

这是我的data_2.php文件:

<?php 

$con = mysql_connect("localhost","root",""); 

if (!$con) {   die('Could not connect: ' . mysql_error()); } 

mysql_select_db("pymesonline", $con); 

$result = mysql_query("SELECT descripcion_p, sum(cantidad_vendida) FROM venta_producto GROUP BY descripcion_p"); 

    while($row = mysql_fetch_array($result)) {
        echo $row['descripcion_p'] . "\t" . $row['sum(cantidad_vendida)']. "\n"; } 
    mysql_close($con); 

?>

这是我的剧本:

var a = jQuery.noConflict();
a(document).ready(function(){

var chart;
var options = {
                    chart: {
                        renderTo: 'container',
                        plotBackgroundColor: null,
                        plotBorderWidth: null,
                        plotShadow: false
                    },

                    title: {
                        text: 'Productos Mas Vendidos',
                        x: -20 //center
                    },

                    subtitle: {
                        text: 'Historico',
                        x: -20
                    },


                    series: [{
                        type: 'pie',
                        name: 'Cantidad Vendida',

                        }]

                    }

    jQuery.get('clases/data_2.php', null, function(tsv) {
                    var lines = [];
                    traffic = [];
                    try {
                        // split the data return into lines and parse them
                        tsv = tsv.split(/\n/g);
                        jQuery.each(tsv, function(i, line) {
                            line = line.split(/\t/);
                            date = Date.parse(line[0]);
                            traffic.push([
                                date,
                                parseInt(line[1].replace(',', ''), 10)
                            ]);
                        });
                    } catch (e) {  }
                    options.series[0].data = traffic;
                    chart = new Highcharts.Chart(options);
                });
});

结果就是这样,我不知道出了什么问题,一切都没问题,除了标签。 我非常感谢你的帮助,非常感谢你。

This is the Result

3 个答案:

答案 0 :(得分:1)

也许您需要添加一系列数据名称:

        options.series[0].data = traffic;
        options.series[1].data = traffic1;
        chart = new Highcharts.Chart(options);

并在一系列选项中添加一系列名称:

    var options = {

    series: [{
                    name: 'Saldo'
                },{
                    name: 'Saldo1'
                }]

答案 1 :(得分:0)

好的,我投降了。

我是这样做的

    series: [{
        type: 'pie',
        name: 'Cantidad Vendida',
        data: [
            <?php 
                $con = mysql_connect("localhost","root",""); 
                if (!$con) {   die('Could not connect: ' . mysql_error()); } 
                    mysql_select_db("pymesonline", $con); 
                    $result = mysql_query("SELECT descripcion_p, sum(cantidad_vendida) FROM venta_producto GROUP BY descripcion_p"); 
                while($row = mysql_fetch_array($result)) {
                echo "["."'".$row['descripcion_p']."'"."," . $row['sum(cantidad_vendida)']."]".","."\n"; 
                } 
                mysql_close($con); 
                ?>
        ]
    }]

它运作良好。

答案 2 :(得分:0)

伊格纳西奥,

我遇到了同样的问题并最终通过 - 你不应该使用jQuery.get()函数来提取JSON对象,你应该使用jQuery.getJSON()代替。

你可以谷歌两个功能之间的区别。