shellyln / chart.js-node-ssr-example Goto Github PK
View Code? Open in Web Editor NEWChart.js server side rendering example. (pure JavaScript; no native modules)
Home Page: https://www.npmjs.com/package/red-agate-svg-canvas
License: Other
Chart.js server side rendering example. (pure JavaScript; no native modules)
Home Page: https://www.npmjs.com/package/red-agate-svg-canvas
License: Other
Hi, is there any ways to add the chart JS interaction like the tool tip and clicking event back ?
Thanks,
Adrian
Is there any way to run this in node without using webpack ?
After upgrading chart.js to 3.5.0 (latest version as of today), the build
runs fine but this is what I get after running start
:
> [email protected] start
> npm run start:wp
> [email protected] start:wp ~/chart.js-node-ssr-example
> node bin/index.js
~/chart.js-node-ssr-example/bin/index.js:2
# removed lots of meaningless output
Error: "linear" is not a registered scale.
at Object._get (~/chart.js-node-ssr-example/bin/index.js:2:140751)
at Object.getScale (~/chart.js-node-ssr-example/bin/index.js:2:139996)
at ~/chart.js-node-ssr-example/bin/index.js:2:149372
at R (~/chart.js-node-ssr-example/bin/index.js:2:41146)
at ys.buildOrUpdateScales (~/chart.js-node-ssr-example/bin/index.js:2:149168)
at ys.update (~/chart.js-node-ssr-example/bin/index.js:2:151091)
at new ys (~/chart.js-node-ssr-example/bin/index.js:2:147717)
at ~/chart.js-node-ssr-example/bin/index.js:2:225927
at Object.717 (~/chart.js-node-ssr-example/bin/index.js:2:226036)
at i (~/chart.js-node-ssr-example/bin/index.js:2:226123)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start:wp: `node bin/index.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start:wp script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! ~/.npm/_logs/2021-08-14T15_18_58_083Z-debug.log
Could you please take a look at this?
After running npm run build
with node.js v6.14.4
:
$ npm run build
> [email protected] build /home/temuri/chart.js-node-ssr-example
> webpack-cli --mode=production --config webpack.config.js
Hash: 1bf3c5e4c635fb50a928
Version: webpack 4.39.1
Child
Hash: 1bf3c5e4c635fb50a928
Time: 128ms
Built at: 08/04/2019 4:28:38 PM
2 assets
Entrypoint index = index.js index.js.map
[0] multi ./src/index.ts 28 bytes {0} [built]
[1] ./src/index.ts 2.95 KiB {0} [not cacheable] [built] [failed] [1 error]
ERROR in ./src/index.ts
Module build failed (from ./node_modules/ts-loader/index.js):
/home/temuri/chart.js-node-ssr-example/node_modules/ts-loader/node_modules/micromatch/index.js:44
let isMatch = picomatch(String(patterns[i]), { ...options, onResult }, true);
^^^
SyntaxError: Unexpected token ...
at NativeCompileCache._moduleCompile (/home/temuri/chart.js-node-ssr-example/node_modules/v8-compile-cache/v8-compile-cache.js:240:18)
Sorry if this is a silly question. Is there any way to use this to generate an inline SVG that can be used in another component (e.g. a react component)?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.