sales-table
{
"columns": ["Region", "Orders", "Revenue"],
"rows": [
{
"Region": "North America",
"Orders": 120,
"Revenue": "$45k"
},
{ "Region": "EMEA", "Orders": 96, "Revenue": "$38k" },
{ "Region": "APAC", "Orders": 142, "Revenue": "$51k" },
{ "Region": "LATAM", "Orders": 58, "Revenue": "$19k" }
]
}| Region | Orders | Revenue |
|---|---|---|
| North America | 120 | $45k |
| EMEA | 96 | $38k |
| APAC | 142 | $51k |
| LATAM | 58 | $19k |
| Total | 416 | $153k |
使用方式
- 01
加入表格圖層
把表格放進範本,並設定表頭、條紋、列高與頁尾的樣式。
- 02
傳送欄位與資料列
傳入一個陣列,其中每筆資料的鍵都對應欄位。版面放得下多少列,就能傳送多少列。
- 03
渲染檔案
取得圖片或 PDF,你的資料列都已排進你設計好的表格裡。
功能
資料進去,表格出來。
不用寫 HTML 表格、不用算版面、也不用再截取試算表的畫面。
你的設計,你的資料
樣式變體、條紋、列高與頁尾都維持你的設定,只有內容會改變。
圖片與 PDF 通用
同一個表格,可以用在社群圖片、發票 PDF,或可列印的價目表。
純 JSON
欄位是名稱的陣列,資料列是以這些名稱為鍵的紀錄。沒有其他需要學的東西。
了解更多(純 JSON)
curl -X POST https://api.bannerify.co/v1/templates/createImage \
-H "Content-Type: application/json" \
-d '{
"apiKey": "bnfy_xxx",
"templateId": "tpl_catalog",
"modifications": [
{
"name": "sales-table",
"columns": ["Region", "Orders", "Revenue"],
"rows": [
{
"Region": "North America",
"Orders": 120,
"Revenue": "$45k"
},
{ "Region": "EMEA", "Orders": 96, "Revenue": "$38k" },
{ "Region": "APAC", "Orders": 142, "Revenue": "$51k" },
{ "Region": "LATAM", "Orders": 58, "Revenue": "$19k" }
]
}
]
}' --output banner.pngimport { Bannerify } from "bannerify-js"
const bannerify = new Bannerify("bnfy_xxx")
const { result, error } = await bannerify.createImage("tpl_catalog", {
modifications: [
{
name: "sales-table",
columns: ["Region", "Orders", "Revenue"],
rows: [
{
Region: "North America",
Orders: 120,
Revenue: "$45k"
},
{ Region: "EMEA", Orders: 96, Revenue: "$38k" },
{ Region: "APAC", Orders: 142, Revenue: "$51k" },
{ Region: "LATAM", Orders: 58, Revenue: "$19k" }
]
}
],
})from bannerify import BannerifyClient
client = BannerifyClient("bnfy_xxx")
result = client.create_image(
"tpl_catalog",
modifications=[
{
"name": "sales-table",
"columns": ["Region", "Orders", "Revenue"],
"rows": [
{
"Region": "North America",
"Orders": 120,
"Revenue": "$45k"
},
{ "Region": "EMEA", "Orders": 96, "Revenue": "$38k" },
{ "Region": "APAC", "Orders": 142, "Revenue": "$51k" },
{ "Region": "LATAM", "Orders": 58, "Revenue": "$19k" }
]
}
],
)<?php
use Bannerify\Bannerify\BannerifyClient;
$client = new BannerifyClient('bnfy_xxx');
$result = $client->createImage('tpl_catalog', [
'modifications' => [
[
'name' => "sales-table",
'columns' => ["Region", "Orders", "Revenue"],
'rows' => [
[
'Region' => "North America",
'Orders' => 120,
'Revenue' => "$45k"
],
[ 'Region' => "EMEA", 'Orders' => 96, 'Revenue' => "$38k" ],
[ 'Region' => "APAC", 'Orders' => 142, 'Revenue' => "$51k" ],
[ 'Region' => "LATAM", 'Orders' => 58, 'Revenue' => "$19k" ]
]
]
],
]);常見問題
找不到答案嗎?請寄信到 an@bannerify.co,創辦人會親自回覆。
傳送新的資料列後,樣式會改變嗎?
不會。樣式變體、條紋、列高與頁尾都維持你在編輯器中的設定,只有資料會改變。