Question

谁有Highchart动态获取数据库项目的，能把整个项目文件发给我吗？谢谢！！！！

Answer 1

动态获取 很简单啊。用JS或jquery+ajax.
在页面加载的时候调用 一个JS方法，方法内容为ajax异步调用 后面的一个方法，读取数据库然后获得返回的数据，再通过回调方法返回给页面的JS，然后再通过JS或jquery改变页面中highchart图的参数、数据。就实现了呀。

说白了，就是ajax去数据库取值，js改变highchart参数。实现动态的统计图。

我有个项目里用到过highchart，但是很大。也不方便给你。如果上面说的还不行的话你再找我吧

追问

能把整个项目发给我吗？我对js不是很了解。谢谢！

追答

这是我们公司的产品。。。怎么可能给你。。。。这样吧，我把与这个功能相关的JS发给你吧。
function getChart(){
$("#chartH1").html("水源能耗报表");
var date1 = new Date(new Date()-1000*60*60*24*5);
var startDate =date1;
chartsReq=new XMLHttpRequest();
var url ="你的后台查询数据库的方法?查询参数;
chartsReq.open("GET",url,true);
chartsReq.onreadystatechange = function callback(){
if(chartsReq.readyState == 4){
var info = eval('(' + req.responseText + ')');
var success = info.success;
if(success=="true"){ var colors = Highcharts.getOptions().colors,
l = info.total;
var rows = info.rows;
for(var i=0;i<l;i++){
myCategories[i]=rows[i].date;
myData[i]={y:parseFloat(rows[i].sum),color:colors[i]};}
makeChart(myCategories,myData);
}else{alert("图表数据获得失败"); } } }
chartsReq.send(null); }

追问

能把整个流程详细告诉我吗，从ajax去数据库读取数据，再到用js改变highchart参数，再到highchart参数改变，把这些代码给我就行了，不用整个项目

追答

上面那些代码就是AJAX取数据，JS动态加载htighchar。
下面再给你一个hightchar的展示
function makeChart(x,y) { var colors = Highcharts.getOptions().colors,
name = '监控用量统计报表',categories = x;data = y;
function setChart(name, categories, data, color) {
chart.xAxis[0].setCategories(categories);
chart.series[0].remove();
chart.addSeries({name: name,data: data, color: color || 'white'}); }
chart = new Highcharts.Chart({
chart: {renderTo: 'container',type: 'column' },
title: { text: '消耗查询' },
subtitle: { text: '展现各个监控点数据' },
xAxis: {categories: categories},
yAxis: {title: { text: '消耗量' } },
字数超了，你再追问我一下