Comments (4)
Hi @aow73320, if you want to pass in a value you can define your chart as a string and then embed the value in the string. See this example: https://github.com/typpo/google-charts-node/blob/master/examples/chart_as_string.js
For example:
const myArg = 12345;
const myOtherArg = [5, 10, 15, 20];
const drawChart = `
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Mushrooms', ${myArg}],
['Onions', ${myOtherArg[0]}],
['Olives', ${myOtherArg[1]}],
['Zucchini', ${myOtherArg[2]}],
['Pepperoni', ${myOtherArg[3]}],
]);
// Set chart options
var options = { title: 'How Much Pizza I Ate Last Night' };
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
`;
const image = await GoogleChartsNode.render(drawChart, {
width: 400,
height: 300,
});
from google-charts-node.
Glad it is working!
from google-charts-node.
sor i know what wrong,
when i try to send something into drawChart(arg)
arg it will lead to error
const image = await GoogleChartsNode.render(drawChart(arg), { packages: ['gantt'], width: 960, height: 300, });
can you help me how to add arg? thank you
from google-charts-node.
@typpo wow i got it,it work.
my code can run.
thank you very much.
from google-charts-node.
Related Issues (16)
- loading google-charts-node in ES6 module HOT 3
- offline version HOT 1
- "Failed to launch Browser process" error HOT 1
- "TypeError: JSON.stringify(...) is not a function" when trying to pass arguments HOT 1
- Not working on azure cloud function HOT 3
- TypeScript support
- Node.js without html HOT 1
- puppeteer launch headless new HOT 1
- GeoChart Error: Must draw chart before calling getImageURI
- Problem with google.visualization not defined HOT 3
- Navigation timeout of 2000 ms exceeded HOT 2
- How to handle legends in bottom position in image. HOT 2
- Extra Line on Pie chart in case of single data value
- Getting error while using "google-charts-node" for dynamic data HOT 2
- Guage chart is giving not a constructor error HOT 1
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 google-charts-node.