Skip to content

Note

不挑戰記憶力的技術筆記

Menu
Menu

temp[Javascript]Google Chart API

Posted on 2012 年 2 月 22 日 by febr

<script src=”https://www.google.com/jsapi”></script>    <!– google chart api–>
google.load(“visualization”, “1”, {packages:[“corechart”]});

// Draw column chart function
function drawChart(rowsArr) {
var data = new google.visualization.DataTable();
data.addColumn(“string”, “data”);
data.addColumn(“number”,  “第1個欄位”);
data.addColumn(“number”,  “第2個欄位”);
data.addRows(rowsArr);

//設定ColumnChart options
var options = {
title: (‘標題’, titleTextStyle: { color:”#006459″, fontSize:16},
width: 760, height: 400, fontSize: 16, fontName: ‘微軟正黑體’,
chartArea: { width: 500, height: 200},
hAxis: { textPosition: “out”, slantedText: true}
};

//Draw ColumnChart
var chart = new google.visualization.ColumnChart($(‘#chart_div’)[0]);
chart.draw(data, options);

// 繪製表格
drawChart(rowsArr);

google.setOnLoadCallback(drawChart);



			

發佈留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

近期文章

  • [AWS] S3 Object Initiate restore (復原回 Standard)
  • [Windows] 使用者快速登出的方法 Logout/ Logoff/Sign Out from Windows User Account
  • [Windows] Windows 11 安裝Server管理工具Install RSAT(Remote Server Administrator Tools)
  • Chrome出現:你的連線不是私人連線 Your connection is not private
  • [C#] 取得 Request URL 的方法

近期留言

    彙整

    分類

    • Ajax
    • Android
    • ASP
    • ASP.NET MVC
    • Azure
    • C#
    • Cisco
    • CSS
    • Delphi
    • Developer Tools
    • Framework
    • FreeBSD
    • Git
    • HTML5
    • javascript
    • jQuery
    • Juniper
    • Linux
    • Mac
    • PHP
    • Python
    • Server&OS
    • Software
    • SQL server
    • Sublime Text
    • Ubuntu
    • Visual Studio
    • Vmware
    • Web Design
    • Web Development
    • Windows
    • WordPress
    • 未分類
    • 未分類

    彙整

    分類

    • Ajax
    • Android
    • ASP
    • ASP.NET MVC
    • Azure
    • C#
    • Cisco
    • CSS
    • Delphi
    • Developer Tools
    • Framework
    • FreeBSD
    • Git
    • HTML5
    • javascript
    • jQuery
    • Juniper
    • Linux
    • Mac
    • PHP
    • Python
    • Server&OS
    • Software
    • SQL server
    • Sublime Text
    • Ubuntu
    • Visual Studio
    • Vmware
    • Web Design
    • Web Development
    • Windows
    • WordPress
    • 未分類
    • 未分類

    其他操作

    • 登入
    • 訂閱網站內容的資訊提供
    • 訂閱留言的資訊提供
    • WordPress.org 台灣繁體中文
    © 2025 Note | Powered by Superbs Personal Blog theme