【www.bbyears.com--ios】
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等。