关于js 怎么调用MySQL中的数据来绘制曲线图?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于js 怎么调用MySQL中的数据来绘制曲线图?相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
</head>
<body>
<div id="main" style="height:400px"></div>
<!-- ECharts单文件引入 -->
<script src="../biyesheji/echarts/build/dist/echarts-all.js"></script>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts图表
var myChart = echarts.init(document.getElementById('main'));
option =
legend:
data:['高度(km)与气温(°C)变化关系']
,
toolbox:
show : true,
feature :
mark : show: true,
dataView : show: true, readOnly: false,
magicType : show: true, type: ['line', 'bar'],
restore : show: true,
saveAsImage : show: true

,
calculable : true,
tooltip :
trigger: 'axis',
formatter: "Temperature : <br/>bkm : c°C"
,
xAxis : [

type : 'value',
axisLabel :
formatter: 'value °C'


],
yAxis : [

type : 'category',
axisLine : onZero: false,
axisLabel :
formatter: 'value km'
,
boundaryGap : false,
data : ['0', '10', '20', '30', '40', '50', '60', '70', '80']

],
series : [

name:'高度(km)与气温(°C)变化关系',
type:'line',
smooth:true,
itemStyle:
normal:
lineStyle:
shadowColor : 'rgba(0,0,0,0.4)'


,
data:[, , -56.5, -46.5, -22.1, -2.5, -27.7, -55.7, -76.5]

]
;

// 为echarts对象加载数据
myChart.setOption(option);
</script>
</body>
</html>
我想问一下,上面的代码是实现绘制曲线图的功能的,但是我的的data中的数据是固定的,你们可以看得见,现在我想从mysql中调用相关数据,来绘制曲线图,但是不知道怎么办?

你用什么东西写代码的,用JAVA或者C#或者其他的获取数据库数据很简单,然后通过异步传到JS。
function buynow()
$.ajax(
type: "GET",
url: "/ashx/ashxchecksession.ashx",
timeout: 5000,
success: function (data)
buynow_do(data);
,
complete: function (XMLHttpRequest, status)
if (status == 'timeout')
alert("请求超时!");

if (status == 'error')
alert("请求错误!");


);

function buynow_do(data)

if (data != null && data == "0")
alert("请先登录");
window.location = "/login.aspx";

else
var gid = $("#hidgoodsid").val();
var price = $("#lablowprice").val();
var score = $("#highscore").val();
var num = $("#goodsnum").val();
window.location = "/shoppingcart.aspx?gid=" + gid + "&price=" + price + "&score=" + score + "&num=" + num;



需要引用JQUERY追问

我用的是php啊 ,怎么办?不知道怎么获取MySQL中的数据并且赋值给js中的变量?

参考技术A ajax 异步获得数据追问

真的很急啊 ,时间不多了?真的希望你能指导一下我。

追答

上班木有时间啊! 你就百度 ajax异步获取数据!

怎样在C++中调用MYSQL数据库中的数据

我用的是VC6.0,首先应该是得把C++和数据库建立连接吧。
然后我想在我的C++程序里调用MYSQL数据库中的数据,而且能够实现增加数据,删除数据等功能。。
希望高手稍详细的说明下,我是愿意学的。。谢谢

参考技术A 1、用CAPI连接MySQL数据库有两个步骤:
1)初始化一个连接句柄
2)建立连接
所用到的函数如下:
MYSQL *mysql_init(MYSQL *connection); // 初始化连接句柄
//成功返回MySQL结构指针,失败返回NULL

MYSQL *mysql_real_connect(MYSQL *connection,
const char *server_host,
const char *sql_user_name,
const char *sql_password,
const char *db_name,
unsigned int port_number,
const char *unix_socket_name,
unsigned int flags); //建立连接
//成功返回MySQL结构指针,失败返回NULL
以下是完整实例:

#include <iostream>
#include <fstream>
#include <cstdlib>
#include <mysql/mysql.h>

using namespace std;

void mysql_err_function(MYSQL * connection);

int main()

//freopen("input.txt","r",stdin);

MYSQL * connection;
connection = mysql_init(NULL);

if (!connection)

cout << "mysql_init failed!" << endl;

exit(-1);


if (!mysql_real_connect(connection,"localhost","root","123456","test",0,NULL,0))

cout << "Connection To MySQL failed!" << endl;
mysql_err_function(connection);


cout << "Connection To MySQL Server is Success..." << endl;

string str;
getline(cin,str);

int res = 0;
int affected_count = 0;
while (str != "close" && str != "" && !res)

res = mysql_query(connection,str.c_str());

affected_count += mysql_affected_rows(connection);

if (res)

if (mysql_errno(connection))

cout << "Error " << mysql_errno(connection) << " : "
<< mysql_error(connection) << '\n' << endl;
break;


getline(cin,str);


cout << "Have affected " << affected_count << " rows!" << endl;

mysql_close(connection);
cout << "Connection To MySQL Server is closed..." << endl;

return 0;


void mysql_err_function(MYSQL * connection)

if (mysql_errno(connection))

cout << "Error " << mysql_errno(connection) << " : "
<< mysql_error(connection) << endl;

exit(-1);

参考技术B 建立一个空的控制台程序,建立一个cpp文件,在其中加入如下代码。代码部分:

Cpp代码
#include<winsock2.h>
//定义socket
#include<iostream>
#include"mysql.h"
//#pragma comment( lib, "libmysql.lib");
//此句话和在附加依赖项中增加libmysql.lib 的功能一样

usingnamespace std;
int main(char **args)

MYSQL mysql;
mysql_init(&mysql);
if (mysql_real_connect(&mysql,"localhost","root","","test",3306,0,0))

cout<<"ok"<<endl;
return 0;

else

int i = mysql_errno(&mysql);
constchar * s = mysql_error(&mysql);
cout << s<<endl;



#include<winsock2.h>
//定义socket
#include<iostream>
#include"mysql.h"
//#pragma comment( lib, "libmysql.lib");
//此句话和在附加依赖项中增加libmysql.lib 的功能一样

usingnamespace std;
int main(char **args)

MYSQL mysql;
mysql_init(&mysql);
if (mysql_real_connect(&mysql,"localhost","root","","test",3306,0,0))

cout<<"ok"<<endl;
return 0;

else

int i = mysql_errno(&mysql);
constchar * s = mysql_error(&mysql);
cout << s<<endl;

相关设置:
1、附加包含头文件的目录,include就是mysql-5.0.27-win32\Include文件夹。
2、附加库目录,MySql lib中的文件就是mysql-5.0.27-win32\lib\opt中的文件
3、附加依赖项,名称为libmysql.lib
4、将libmysql.dll拷贝到debug文件夹中,libmysql.dll在lib文件夹中有本回答被提问者采纳
参考技术C include "mysql.h"

然后调用mysql API库

以上是关于关于js 怎么调用MySQL中的数据来绘制曲线图?的主要内容,如果未能解决你的问题,请参考以下文章

android中这样的曲线要怎么绘制

【R语言】--- ggplot2绘制折线图

怎样用ArcGis中的Kriging插值法绘制等值线图

d3.js v4曲线图的拖拽功能实现Zoom

r语言绘制核密度图怎么计算重叠

Android 曲线图 绘制曲线