Google Chart API 是 Google 所提供,透過網址下達參數,會傳回 PNG 格式的圖表;而本文透過 QR Code 的實作,讓大家了解如何使用 Google Chart API 產生圖表,下圖為 Google Chart API 開發人員指南截圖。
更多文章,請到我在點部落所建立的部落格「.NET菜鳥自救會」閱讀
http://www.dotblogs.com.tw/chou/
簡介
Google Chart API 是 Google 所提供,透過網址下達參數,會傳回 PNG 格式的圖表;而本文透過 QR Code 的實作,讓大家了解如何使用 Google Chart API 產生圖表,下圖為 Google Chart API 開發人員指南截圖。
QR Code 參數說明
首先我們知道 Google Chart API 是透過網址來傳遞參數進而繪出圖表,我們透過舉例來讓大家更清楚要下什麼參數,以下網址為產生 .NET菜鳥自救會的 QR Code
http://chart.apis.google.com/chart?cht=qr&chs=150x150&chld=M&chl=http://www.dotblogs.com.tw/chou/
其中包含的參數
產生 QR Code
了解如何設定參數後,接著我們就可以產生 QR Code,我們在表單加入 TextBox ( 使用者輸入文字 )、Button ( 點選後產生QR Code )、PictureBox ( 顯示 QR Code )
程式碼如下
using System;
using System.Linq;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
using System.Net;
namespace SmartDeviceProject1
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void btnQRcode_Click(object sender, EventArgs e)
{
// 設定 Google Chart API 的網址參數
string strQRcode = "http://chart.apis.google.com/chart?cht=qr&chs=150x150&chld=M&chl=" + this.txtQRcode.Text;
// 讀取網路圖片到 PictureBox
HttpWebRequest req = (HttpWebRequest)WebRequest.Create(strQRcode);
HttpWebResponse rsp = (HttpWebResponse)req.GetResponse();
if (rsp.StatusCode == System.Net.HttpStatusCode.OK)
{
this.pbQRcode.Image = new Bitmap(rsp.GetResponseStream());
}
rsp.Close();
}
}
}
執行結果