如何使用php和mysql过滤高图表中的日期
How to filter date in highcharts by using php and mysql
>我有两个文件1. 分析.php2. data_edgefactor.php
分析.php代码
<script type="text/javascript">
function show_auth(auth_id){
$.post("analysis_table/show_table_ef.php", {AUTHID_TEST_EF: ""+auth_id+""}, function(data_ef){
if(data_ef.length > 0) {
//////////////////////DATA OUTPUT//////////////////////
document.getElementById('get_table_ef').innerHTML = data_ef;
}
});
$.post("analysis_table/data_edgefactor.php", {AUTHID_TEST_EF: ""+auth_id+""}, function(data_ef){
var options = {
chart: {
renderTo: 'container_edgefactor',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
xAxis: {
title: {
text: 'Year'
},
categories: []
},
yAxis: {
title: {
text: 'Number of Citations'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
series: [{
type: 'line',
name: 'Citations',
data: []
}]
}
$.getJSON("analysis_table/data_edgefactor.php", {AUTHID_TEST_EF:auth_id}, function(data_ef) {
options.series[0].data = data_ef;
chart = new Highcharts.Chart(options);
});
});
}
</script>
<?php
echo '<a href="#" style="text-decoration:none; color: #000;" onClick="show_auth('.$id_auth.')">'.$get_auth.'</a>'; ?>
<div id="container_edgefactor" style="width: 900px; height: 400px; "></div>
<select name="from_year">
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
</select>
and
<select name="to_year">
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
</select>
<input id="fixsubmit" type="submit" name="update_citations" value="Update Graph">
2.data_edgefactor.php代码
<?php
include '../connect.php';
$get = $_REQUEST['AUTHID_TEST_EF'];
$result_citations = mysql_query("SELECT year, citations, auth_id FROM subj_area WHERE auth_id='$get'");
$rows_citations = array();
while($r_citations = mysql_fetch_array($result_citations)) {
$row_citations[0] = $r_citations[0];
$row_citations[1] = $r_citations[1];
array_push($rows_citations,$row_citations);
}
print json_encode($rows_citations, JSON_NUMERIC_CHECK);
?>
这里一切正常,图表通过onclick功能根据用户显示,但我需要过滤年份并根据用户选择的年份显示图表。
怎么做。请帮忙。
您可以在预处理期间筛选数据,或使用 setExtremes 在轴上定义自定义范围。 http://api.highcharts.com/highcharts#Axis.setExtremes()
相关文章:
- 如何根据创建日期对对象进行排序,以插入Meteor的高图表
- 高图表日期时间从错误的日期开始
- 日期不能显示在高图表上
- 带有高图表的 xaxis 上的日期
- 高图表(高库存):从外部 CSV 获取数据,无法正确显示日期
- 将日期转换为毫秒以获得高图表日期
- 为什么高图表不返回正确的日期
- 列的高图表日期时间标签
- 高图表 x轴日期时间缩放
- 高图表图表不同日期范围的 X 轴标签
- 在高图表中设置日期时间度量单位
- 如何使高图表标记具有相对日期的日期时间 X 轴
- 显示错误值的高图表日期时间转换
- 高图表 xaxis 日期时间和 yaxis 数据
- 高图表.悬停时突出显示折线图日期间隔
- 高图表正确使用日期时间
- X 轴中的最后一个标签,日期时间格式不在高图表中
- 高图表日期格式没有微秒 (%f)
- 高图表 - 日期时间轴标签重叠
- 高图表日期时间标签格式不起作用