# Need help installing chart package

**URL:** <https://forum.elixirforum.com/t/need-help-installing-chart-package/14773>\
**Category:** Questions\
**Tags:** phoenix, js, troubleshooting, package\
**Created:** [June 20, 2018, 10:21am UTC](https://forum.elixirforum.com/t/need-help-installing-chart-package/14773 "2018-06-20T10:21:50Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mihai-ciupina](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/m/cdc98d/32.png) [@mihai-ciupina](https://forum.elixirforum.com/u/mihai-ciupina)\
**Post date:** [June 20, 2018, 10:21am UTC](https://forum.elixirforum.com/t/need-help-installing-chart-package/14773/1 "2018-06-20T10:21:51Z")

</div>

Hi,

I’m having trouble installing some chart package. Either one is fine  
[https://www.highcharts.com/demo/line-basic](https://www.highcharts.com/demo/line-basic)  
or

> **[Chart.js](https://www.chartjs.org/)**
>
> Simple yet flexible JavaScript charting library for the modern web

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](https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js)”\>\</script\>  
\<script src=“[https://code.highcharts.com/highcharts.js](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.

---

<div class="post-metadata">

**Author:** ![dokuzbir](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/ed8c4c/32.png) [@dokuzbir](https://forum.elixirforum.com/u/dokuzbir)\
**Post date:** [June 20, 2018, 1:19pm UTC](https://forum.elixirforum.com/t/need-help-installing-chart-package/14773/2 "2018-06-20T13:19:47Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![kokolegorille](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/kokolegorille/32/4784_2.png) [@kokolegorille](https://forum.elixirforum.com/u/kokolegorille)\
**Post date:** [June 20, 2018, 3:14pm UTC](https://forum.elixirforum.com/t/need-help-installing-chart-package/14773/3 "2018-06-20T15:14:37Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![mihai-ciupina](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/m/cdc98d/32.png) [@mihai-ciupina](https://forum.elixirforum.com/u/mihai-ciupina)\
**Post date:** [June 20, 2018, 4:19pm UTC](https://forum.elixirforum.com/t/need-help-installing-chart-package/14773/4 "2018-06-20T16:19:45Z")

</div>

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"
  }

```

---

<div class="post-metadata">

**Author:** ![mihai-ciupina](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/m/cdc98d/32.png) [@mihai-ciupina](https://forum.elixirforum.com/u/mihai-ciupina)\
**Post date:** [June 20, 2018, 4:22pm UTC](https://forum.elixirforum.com/t/need-help-installing-chart-package/14773/5 "2018-06-20T16:22:21Z")

</div>

`reports:119 Uncaught ReferenceError: Chart is not defined`

`import “chart.js”` won’t work.

---

<div class="post-metadata">

**Author:** ![dokuzbir](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/ed8c4c/32.png) [@dokuzbir](https://forum.elixirforum.com/u/dokuzbir)\
**Post date:** [June 20, 2018, 4:31pm UTC](https://forum.elixirforum.com/t/need-help-installing-chart-package/14773/6 "2018-06-20T16:31:43Z")

</div>

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`