Comments (1)
HI @petertalkman! In Google Apps Script, it's probably easiest to construct the QuickChart URL manually. You don't need quickchart-js for this.
For example:
function GetChartUrl(values) {
var width = 500;
var height = 300;
var backgroundColor = 'white';
var config = `{
type: 'bar',
data: {
labels: ['Q1', 'Q2', 'Q3', 'Q4'],
datasets: [{
label: 'Data',
data: [${values.join(',')}]
}]
}
}
`;
return `https://quickchart.io/chart?c=${encodeURIComponent(config)}&w=${width}&h=${height}&bkg=${backgroundColor}&devicePixelRatio=1`
}
And the formula in Google Sheets:
=GetChartUrl(A2:A6)
or, to display an image:
=IMAGE(GetChartUrl(A2:A5))
Here's an example sheet that generates a chart URL: https://docs.google.com/spreadsheets/d/1cOjoT4viETplmdTvNOeDKVjwIqZpIr2afMCiK7vgQLY/edit#gid=0
from quickchart-js.
Related Issues (20)
- Feature request: TypeScript type definitions HOT 3
- getImageFill HOT 4
- Add Support for version/v query param. HOT 2
- API Key Implementation HOT 1
- Provision For Graph Title
- How to use quickchart-js with graphviz? HOT 2
- import blows up in CRA/Webpack app HOT 7
- Missing chart.js dependency HOT 4
- Types path in package.json is missing "./" HOT 4
- Awaited short-URL hidden by Discord HOT 2
- `quickchart-js` should upgrade `moment` to 2.29.4 HOT 2
- How to set a custom domain? HOT 1
- Limited to three points only HOT 1
- Can't set background to transparent. HOT 9
- Latest package version on npm uses an older state of the code HOT 2
- Fix Types for typescript annotations. HOT 1
- [BUG] TypeError: quickchart_js_1.default is not a constructor HOT 4
- Updating the npm package with the latest security fix HOT 2
- TypeError: myChart.setConfig is not a function HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from quickchart-js.