Quarterly revenue
growth-chart
- Revenue
- $970k
- Growth
- +242%
- New customers
- 1,284
summary
使用方式
- 01
設計報表
在編輯器中排版圖表、表格、鍵值區塊與文字，並維持品牌風格。
- 02
綁定你的數字
從資料庫或工作流程，以 JSON 傳送圖表的資料點、表格資料列與各項數字。
- 03
寄送出去
每週渲染供電子郵件使用的 PDF，或供 Slack 使用的圖片，完全不必動到簡報。
功能
報表，自己生成。
圖表、表格與數字放在同一個範本，一次請求就能填滿。
用資料列生成圖表
每個資料點都是一組標籤與數值。樣式變體、座標軸標籤與圖例都維持你的設定。
了解更多（用資料列生成圖表）表格與鍵值區塊
把細節放在圖表旁邊：各地區的表格、總額與日期。
了解更多（表格與鍵值區塊）與編輯器完全一致
圖表與其他圖層使用同一個引擎渲染，所以輸出結果會和預覽一樣。
curl -X POST https://api.bannerify.co/v1/templates/createPdf \
-H "Content-Type: application/json" \
-d '{
"apiKey": "bnfy_xxx",
"templateId": "tpl_metrics",
"modifications": [
{
"name": "growth-chart",
"rows": [
{ "label": "Q1", "value": 120 },
{ "label": "Q2", "value": 180 },
{ "label": "Q3", "value": 260 },
{ "label": "Q4", "value": 410 }
]
},
{
"name": "summary",
"rows": [
{ "key": "Revenue", "value": "$970k" },
{ "key": "Growth", "value": "+242%" },
{ "key": "New customers", "value": "1,284" }
]
}
]
}' --output document.pdfimport { Bannerify } from "bannerify-js"
const bannerify = new Bannerify("bnfy_xxx")
const { result, error } = await bannerify.createPdf("tpl_metrics", {
modifications: [
{
name: "growth-chart",
rows: [
{ label: "Q1", value: 120 },
{ label: "Q2", value: 180 },
{ label: "Q3", value: 260 },
{ label: "Q4", value: 410 }
]
},
{
name: "summary",
rows: [
{ key: "Revenue", value: "$970k" },
{ key: "Growth", value: "+242%" },
{ key: "New customers", value: "1,284" }
]
}
],
})from bannerify import BannerifyClient
client = BannerifyClient("bnfy_xxx")
result = client.create_pdf(
"tpl_metrics",
modifications=[
{
"name": "growth-chart",
"rows": [
{ "label": "Q1", "value": 120 },
{ "label": "Q2", "value": 180 },
{ "label": "Q3", "value": 260 },
{ "label": "Q4", "value": 410 }
]
},
{
"name": "summary",
"rows": [
{ "key": "Revenue", "value": "$970k" },
{ "key": "Growth", "value": "+242%" },
{ "key": "New customers", "value": "1,284" }
]
}
],
)<?php
use Bannerify\Bannerify\BannerifyClient;
$client = new BannerifyClient('bnfy_xxx');
$result = $client->createPdf('tpl_metrics', [
'modifications' => [
[
'name' => "growth-chart",
'rows' => [
[ 'label' => "Q1", 'value' => 120 ],
[ 'label' => "Q2", 'value' => 180 ],
[ 'label' => "Q3", 'value' => 260 ],
[ 'label' => "Q4", 'value' => 410 ]
]
],
[
'name' => "summary",
'rows' => [
[ 'key' => "Revenue", 'value' => "$970k" ],
[ 'key' => "Growth", 'value' => "+242%" ],
[ 'key' => "New customers", 'value' => "1,284" ]
]
]
],
]);常見問題
找不到答案嗎？請寄信到 an@bannerify.co，創辦人會親自回覆。
