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

更新时间:2019-09-07    来源:ios    手机版     字体:

【www.bbyears.com--ios】

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

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

 

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

 

效果图:

ChartSQL轻松让你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

 

效果图:

ChartSQL轻松让你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的使用还算比较简单,我们只需要执行相应的SQL就可以显示数据图表了,省去了自己编写的图表生成控件。当然,ChartSQL也并不适合所有的图表应用,因为很多时候我们并不是把数据存入数据库,比如XML、JSON等。

本文来源:http://www.bbyears.com/shoujikaifa/66699.html

热门标签

更多>>

本类排行