Need help installing chart package

Phoenix Forum Questions / Help
, , ,
1

Hi,

I’m having trouble installing some chart package. Either one is fine
https://www.highcharts.com/demo/line-basic
or
http://www.chartjs.org/
or you can suggest one.

So it works when simply adding this lines
<script src=“https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js”></script>
<script src=“https://code.highcharts.com/highcharts.js”></script>

but when

npm install xxx --save
require("xxx")
import("xxx")

I just cannot succed. (I previously installed jQuery and other packages with succes).

I played with the vendor folder but I’m, just not that qualified to work it out.

So the question is, how can I install chartjs or highcharts?

Thanks for help.

2

import “chart.js” should work without problem. What kind of error you get in browser console ?

3

You might also specify if You use brunch or webpack, or any other tool :slight_smile:

4

I use brunch.

  "dependencies": {
    "bootstrap": "^4.0.0",
    "chart.js": "^2.7.2",
    "copycat-brunch": "^1.1.0",
    "font-awesome": "^4.7.0",
    "jquery": "^3.3.1",
    "phoenix": "file:../deps/phoenix",
    "phoenix_html": "file:../deps/phoenix_html"
  },
  "devDependencies": {
    "babel-brunch": "6.1.1",
    "brunch": "2.10.9",
    "clean-css-brunch": "2.10.0",
    "sass-brunch": "^2.10.4",
    "uglify-js-brunch": "2.10.0"
  }
5

reports:119 Uncaught ReferenceError: Chart is not defined

import “chart.js” won’t work.

6

your chart codes in app.js or in page with script tag ?

Can you look if chart.js imported in app.js, localhost:4000/js/app.js