mysql生成饼状图_急求一个PHP+mysql+Highcharts实现饼状或者折现统计图的例子

这篇博客展示了2010年至2016年间太阳能行业的就业变化情况,主要涵盖了安装实施人员、工人、销售人员和项目开发人员等职位的数据。数据显示,太阳能行业的就业人数在这期间稳步增长,尤其是在项目开发和安装实施领域。此外,销售和其他职位也有显著增加,揭示了太阳能行业在这段时间内的蓬勃发展。
摘要由CSDN通过智能技术生成
Document

var chart = Highcharts.chart('container', {

title: {

text: '2010 ~ 2016 年太阳能行业就业人员发展情况'

},

subtitle: {

text: '数据来源:thesolarfoundation.com'

},

yAxis: {

title: {

text: '就业人数'

}

},

legend: {

layout: 'vertical',

align: 'right',

verticalAlign: 'middle'

},

plotOptions: {

series: {

label: {

connectorAllowed: false

},

pointStart: 2010

}

},

series: [{

name: '安装,实施人员',

data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]

}, {

name: '工人',

data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434]

}, {

name: '销售',

data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387]

}, {

name: '项目开发',

data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227]

}, {

name: '其他',

data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111]

}],

responsive: {

rules: [{

condition: {

maxWidth: 500

},

chartOptions: {

legend: {

layout: 'horizontal',

align: 'center',

verticalAlign: 'bottom'

}

}

}]

}

});

为了制作PHP+MySQL折线图,您需要使用Highcharts库和jQuery库。您可以按照以下步骤进行操作: 1. 首先,您需要从Highcharts官网下载Highcharts库和jQuery库,并将它们添加到您的项目中。 2. 接下来,您需要从MySQL数据库中检索数据。您可以使用PHP编写代码来连接到MySQL数据库并检索数据。 3. 将检索到的数据存储在一个数组中,并将其传递给JavaScript代码。 4. 使用Highcharts库中的chart()函数创建一个折线图,并将数据传递给该函数。 5. 最后,将折线图呈现在您的网页上。 以下是一个简单的PHP+MySQL折线图的示例代码: ```php <?php //连接到MySQL数据库 $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password, $dbname); //检索数据 $sql = "SELECT * FROM myTable"; $result = $conn->query($sql); //将数据存储在数组中 $data = array(); while($row = $result->fetch_assoc()) { $data[] = $row['value']; } //将数据传递给JavaScript代码 echo "<script> var data = ".json_encode($data)."; </script>"; ?> <!-- 在HTML中创建一个容器来呈现折线图 --> <div id="container"></div> <!-- 引用Highcharts库和jQuery库 --> <script src="jquery-1.8.2.min.js"></script> <script src="highcharts.js"></script> <!-- 创建折线图 --> <script> $(function () { $('#container').highcharts({ title: { text: '折线图', x: -20 //center }, xAxis: { categories: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'] }, yAxis: { title: { text: '数值' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, series: [{ name: '数据', data: data }] }); }); </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值