如何使用PHP在JavaScript(Highcharts)中设置值
How to set values in JavaScript (Highcharts) using PHP
我在chart.js
中有以下内容:
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
我有一个名为monthly_flagged
的表,它存储了每个月标记帖子的总数。我试图创建一个折线图来显示每个月标记帖子数量之间的波动。
使用PHP,我得到了以下数据:
$statement = mysqli_prepare ($connect, "SELECT * FROM monthly_flagged");
mysqli_stmt_execute($statement);
$get_data = mysqli_fetch_assoc ($statement);
$month = $get_data['month'];
$year = $get_data['year'];
$total_flaggged = $get_data['total_flagged'];
mysqli_stmt_close($statement);
问题是,我不确定如何将这些数据应用于JS。假设我的monthly_flagged
表有一行:
id:1
month: April
year: 2016
total_flagged:28
使用在$month
和$total_flagged
中获得的数据,我想更新x轴上的Apr
。
目前,数据是这样显示的(使用测试编号):
series: [{
name: 'Flagged posts',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}
但我基本上需要它来做这样的事情:
series: [{
name: 'Flagged posts',
data: [$monthJan, $monthFeb, $monthApr, ...]
}
但同样,不确定如何做到这一点。
尝试将数据存储在数组中
$statement = mysqli_prepare ($connect, "SELECT * FROM monthly_flagged");
mysqli_stmt_execute($statement);
$months = array();
$data = array();
$result = mysqli_stmt_get_result($statement);
while($get_data = mysqli_fetch_assoc ($result)){
$months[] = $get_data['month'];
$data[] = $get_data['total_flagged'];
}
mysqli_stmt_close($statement);
然后在您的javascript上:
xAxis: {
categories: [<?php echo json_encode($months); ?>]
},
最后:
series: [{
name: 'Flagged posts',
data: [<?php echo json_encode($data); ?>]
}
相关文章:
- Highcharts.js设置用于更改列颜色的阈值
- Highcharts如何显示在设置数据时加载动画
- 通过调用React中的jsx文件设置Highcharts piechhartDefaults
- Highcharts无法设置属性'的值;要点':对象为null或未定义
- 使用highcharts为条形图中的每个条形设置单独的颜色
- Highcharts在刻度上设置X轴标签
- 如何使用PHP在JavaScript(Highcharts)中设置值
- 根据移动设备屏幕大小动态设置HighCharts marginTop
- Angular Highcharts ng如何将其他数据系列设置为工具提示
- 为Highcharts中的柱形图设置最小默认范围
- Highcharts未捕获类型错误:无法设置属性'第'天;的未定义
- Highcharts设置背景颜色和不透明度
- 为DotNet.HighCharts中的每一列设置不同的颜色
- Highcharts JS - 热图设置网格线宽
- Donut Highcharts设置不同颜色的内部和外部数据
- 使用setData()函数从JSON字符串中设置HighCharts数据
- 无法使用Angular Highcharts设置实心规格图的动画
- Highcharts-使用xAxis类别时设置xAxis范围
- 在模态中设置highcharts的标题
- 可以'设置Highcharts头标记时,无法在JS脚本中获取PHP变量