SQL语句图表生成工具ChartSQL

本文是码农网原创整理，转载请看清文末的转载要求，谢谢合作！
ChartSQL是一款可以让你利用SQL语句来生成网页图表的应用工具，ChartSQL的图表结果支持SVG的渲染方式，所以，我们只需在WEB端执行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

效果图：


简单的区域图

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等。