ChartSQL轻松让你SQL语句生成图表

时间：2022-06-29 07:55:10 编辑：袖梨来源：一聚教程网

ChartSQL 可以让你用 SQL 语句来生成图表，图表可使用 SVG 向量图进行渲染，可轻松的嵌入到网页中。ChartSQL 可以通过 FnordMetric Server 直接在 Web 端运行并生成图表

ChartSQL的特点

直接输入SQL语句即可生成相应的数据图表，非常简单。

可在浏览器端显示SVG格式的图表

支持多种图表形式，线图、柱形图、饼图都可以支持。

ChartSQL的使用方法

带数据点的线形图

SQL代码：

代码如下

复制代码

IMPORT TABLE city_temperatures

FROM 'csv:examples/data/city_temperatures.csv?headers=true';

DRAW LINECHART WITH

AXIS LEFT

AXIS BOTTOM

LEGEND TOP LEFT INSIDE;

SELECT

city AS series,

month AS x,

temperature AS y,

"Avg. Temperatures in " + month + " in " + city + ": " + temperature as label,

"circle" as pointstyle

FROM city_temperatures;

运行代码：

代码如下	复制代码
$ fnordmetric-cli --format=svg examples/linECharts/lines_with_points.sql

效果图：

简单的区域图

SQL代码：

代码如下

复制代码

IMPORT TABLE example_data

FROM 'csv:examples/data/measurement.csv?headers=true';

DRAW AREACHART WITH

AXIS BOTTOM

AXIS LEFT

GRID HORIZONTAL;

SELECT 'data' AS series, FROM_TIMESTAMP(time) AS x, value2 * 1000 AS y, 'solid' as linestyle

FROM example_data

WHERE series = "measurement2";

运行代码：

代码如下	复制代码
$ fnordmetric-cli --format=svg examples/areacharts/simple_area.sql

效果图：

柱形图

SQL代码：

代码如下

复制代码

IMPORT TABLE gdp_per_capita

FROM 'csv:examples/data/gdp_per_capita.csv?headers=true';

DRAW BARCHART WITH

ORIENTATION VERTICAL

AXIS BOTTOM

GRID HORIZONTAL

LEGEND TOP RIGHT INSIDE;

SELECT year AS series, isocode AS x, gdp AS y

FROM gdp_per_capita

WHERE year = "2010" OR year = '2009' or year = '2008'

ORDER BY gdp DESC

LIMIT 9;

运行代码：

代码如下	复制代码
$ fnordmetric-cli --format=svg examples/barcharts/vertical_bars.sql

效果图：

总结

总体来说ChartSQL的使用还算比较简单，我们只需要执行相应的SQL就可以显示数据图表了，省去了自己编写的图表生成控件。当然，ChartSQL也并不适合所有的图表应用，因为很多时候我们并不是把数据存入数据库，比如XML、JSON等。

推荐专题

最新下载

热门教程

ChartSQL轻松让你SQL语句生成图表

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程