import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
chartly: {
type: "app",
app: "chartly",
}
},
async run({steps, $}) {
//your chart configuration
const data = {
"chart_type": "line",
"data": {
"labels": ["Jan", "Feb", "Mar", "Apr", "May"],
"datasets": [{
"label": "Sales 2024",
"data": [12, 19, 3, 5, 2],
"borderColor": "rgb(75, 192, 192)",
"tension": 0.1
}]
},
"options": {
"responsive": true,
"plugins": {
"title": {
"display": true,
"text": "Monthly Sales"
}
}
},
"width": 800,
"height": 600,
"output_format": "png"
}
return await axios($, {
method: "post",
url: `https://chartapi.pdfmunk.com/api/v1/generateChart`,
headers: {
"content-type": `application/json`,
"client-api-key": `${this.chartly.$auth.api_key}`,
},
data,
})
},
})
ChartLy uses API keys for authentication. When you connect your ChartLy account, Pipedream securely stores the keys so you can easily authenticate to ChartLy APIs in both code and no-code steps.