doubiao9775 2017-06-06 12:51
浏览 47
已采纳

数组添加新系列Highchart

This Code just Browser share name series..

series: [{
    name: 'Man',
    data: <?php echo json_encode($man_array,JSON_NUMERIC_CHECK) ?>
   
  }, {
    name: 'Women',
    data: <?php echo json_encode($woman_array,JSON_NUMERIC_CHECK) ?>

    
  }, {
    name: 'Kind',
    data: <?php echo json_encode($kind_array,JSON_NUMERIC_CHECK) ?>
   
  }, {
    name: 'User',
    data:<?php echo json_encode($user_array,JSON_NUMERIC_CHECK) ?>
   
  }]

Example

How can create series like series : women, series : man...help me please...

//Include Koneksi
$koneksi     = mysqli_connect("localhost", "root", "", "simcard");
// $bulan       = mysqli_query($koneksi, "SELECT bulan FROM penjualan WHERE tahun='2017' order by id asc");

//Membuat Query
$q=mysqli_query($koneksi, "SELECT * FROM penduduk");
$a=mysqli_query($koneksi, "SELECT * FROM card");


$man_array=array();
$woman_array=array();
$kind_array=array();
$user_array=array();
while($r=mysqli_fetch_array($q)){
    $man_array[]= $r["man"];
    $woman_array[]= $r["woman"];
}
while($f=mysqli_fetch_array($a)){
    $kind_array[]=$f["kind"];
    $user_array[]= $f["user"];
}

this one highchart code any wrong this code..?no used the color no problem.

$('#view').highcharts({
       chart: {
        type: 'column'
    },
    title: {
        text: 'Stacked column chart'
    },
    xAxis: {
        categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Total'
        },
        stackLabels: {
            enabled: true,
            style: {
                fontWeight: 'bold',
                color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
            }
        }
    },
    legend: {
        align: 'right',
        x: -30,
        verticalAlign: 'top',
        y: 25,
        floating: true,
        backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
        borderColor: '#CCC',
        borderWidth: 1,
        shadow: false
    },
    tooltip: {
        headerFormat: '<b>{point.x}</b><br/>',
        pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
    },
    plotOptions: {
        column: {
            //stacking: 'normal',
            dataLabels: {
                enabled: true,
                color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
            }
        }
    },

This Page View source html series.

series: [{
    name: 'Man',
    data: []   
    
  }, {
    name: 'Women',
    data: []
    
  }, {
    name: 'Kind',
     data: []    
  }, {
    name: 'User',
    data:[]   
  }]
        
    });
});

</div>
  • 写回答

1条回答 默认 最新

  • dsoy71058 2017-06-06 15:51
    关注

    your chart will come like this,Fiddle sample. So replace with code below. Also check Data from a database

    <?php
        $man_array=array();
        $woman_array=array();
        $kind_array=array();
        $user_array=array();
        while($r=mysqli_fetch_array($q)){
            $man_array[]= $r["man"];
            $woman_array[]= $r["woman"];
        }
        while($f=mysqli_fetch_array($a)){
            $kind_array[]=$f["kind"];
            $user_array[]= $f["user"];
        }
    
        ?>
      series: [{
        name: 'Man',
        data: <?php echo json_encode($man_array,JSON_NUMERIC_CHECK) ?>,
        color: 'red'
      }, {
        name: 'Women',
        data: <?php echo json_encode($woman_array,JSON_NUMERIC_CHECK) ?>,
    
        color: 'black'
      }, {
        name: 'Kind',
        data: <?php echo json_encode($kind_array,JSON_NUMERIC_CHECK) ?>,
        color: 'green'
      }, {
        name: 'User',
        data:<?php echo json_encode($user_array,JSON_NUMERIC_CHECK) ?>,
        color: 'blue'
      }]
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 运筹学排序问题中的在线排序
  • ¥15 关于docker部署flink集成hadoop的yarn,请教个问题 flink启动yarn-session.sh连不上hadoop,这个整了好几天一直不行,求帮忙看一下怎么解决
  • ¥30 求一段fortran代码用IVF编译运行的结果
  • ¥15 深度学习根据CNN网络模型,搭建BP模型并训练MNIST数据集
  • ¥15 lammps拉伸应力应变曲线分析
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热(温度不同)的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥15 请问Lammps做复合材料拉伸模拟,应力应变曲线问题