ChartSQL是一款可以讓你利用SQL語句來生成網(wǎng)頁圖表的應用工具，ChartSQL的圖表結果支持SVG的渲染方式，所以，我們只需在WEB端執(zhí)行SQL即可在瀏覽器上輕松地顯示相關數(shù)據(jù)圖表。

ChartSQL的特點

• 直接輸入SQL語句即可生成相應的數(shù)據(jù)圖表，非常簡單。
• 可在瀏覽器端顯示SVG格式的圖表
• 支持多種圖表形式，線圖、柱形圖、餅圖都可以支持。

ChartSQL的使用方法

帶數(shù)據(jù)點的線形圖

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

效果圖：

簡單的區(qū)域圖

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的使用還算比較簡單，我們只需要執(zhí)行相應的SQL就可以顯示數(shù)據(jù)圖表了，省去了自己編寫的圖表生成控件。當然，ChartSQL也并不適合所有的圖表應用，因為很多時候我們并不是把數(shù)據(jù)存入數(shù)據(jù)庫，比如XML、JSON等。

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費用，即可穩(wěn)步提升排名至首頁。歡迎體驗最佳的哈爾濱網(wǎng)站建設。