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

ChartSQL的特點(diǎn)

ChartSQL的使用方法

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

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;

運(yùn)行代碼： 

$ fnordmetric-cli --format=svg examples/linECharts/lines_with_points.sql

效果圖：

簡(jiǎn)單的區(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";


運(yùn)行代碼： 

$ 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;

運(yùn)行代碼： 

$ fnordmetric-cli --format=svg examples/barcharts/vertical_bars.sql

效果圖：

總結(jié)

總體來(lái)說(shuō)ChartSQL的使用還算比較簡(jiǎn)單，我們只需要執(zhí)行相應(yīng)的SQL就可以顯示數(shù)據(jù)圖表了，省去了自己編寫(xiě)的圖表生成控件。當(dāng)然，ChartSQL也并不適合所有的圖表應(yīng)用，因?yàn)楹芏鄷r(shí)候我們并不是把數(shù)據(jù)存入數(shù)據(jù)庫(kù)，比如XML、JSON等。

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