shellyln/chart.js-node-ssr-example

Chart.js server side rendering example. (pure JavaScript; no native modules)

chart.js-node-ssr-example's Issues

[Qn] Possibility of using this approach to generate an inline SVG

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)?

Does not work with chart.js version 3

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?

Labels being clipped on SvgCanvas vs. node-canvas

Hi Folks,

Has anyone come across this issue? Looks like the clipping for the label text is off a little?

Svg-Canvas: -

Node-Canvas

Thanks for your help!
Ash

support for chart js event

Hi, is there any ways to add the chart JS interaction like the tool tip and clicking event back ?

Thanks,

Adrian

Run in node without webpack ?

Is there any way to run this in node without using webpack ?

Build fails

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)