Google Chart Tools

1 篇文章 / 0 new

發表回應前，請先登入

週四, 2014-02-06 17:26

author

Google Chart Tools

利用Google Chart API 顯示圖表 Google Chart Tools
目前 7.x-1.4 支援項目僅為 LineChart,PieChart,ColumnChart,AreaChart,Gauge,BarChart,OrgChart 等項目, 還有很多 API 未納入.
參考支援 Chart API Doc , 線上測試 ,

►讓 Bar Chart 上顯示數值做法 (7.x-1.4 尚未支援 view參數)

1. 參數內加入 'barvalue' => TRUE
2. 修改 google_chart_tols.js
第一步 : 加入 view 物件

//新加入項目, 約 57行, data 變數設定後
if (settings.chart[chartId].barvalue) {
    var view = new google.visualization.DataView(data);
    view.setColumns([0, 1, {calc: "stringify", sourceColumn: 1, type: "string", role: "annotation"}]);
} //--- new end
// Set chart options
var options = settings.chart[chartId].options;

第二步 : 變更 draw() 方式

chart[settings.chart[chartId]].draw(data, options);

變成

if (settings.chart[chartId].barvalue) {
    chart[settings.chart[chartId]].draw(view, options);
} else {
    chart[settings.chart[chartId]].draw(data, options);
}