Questions & Help>Questions

Need help installing chart package

/phoenix#js#troubleshooting#package
mihai-ciupina

mihai-ciupina

Hi,

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

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.

5 comments
/phoenix#js#troubleshooting#package
1875 5

Showing Posts 1 to 5

dokuzbir

dokuzbir

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

0
Post #1
kokolegorille

kokolegorille

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

0
Post #2
mihai-ciupina

mihai-ciupina OP

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"
  }
0
Post #3
mihai-ciupina

mihai-ciupina OP

reports:119 Uncaught ReferenceError: Chart is not defined

import “chart.js” won’t work.

0
Post #4
dokuzbir

dokuzbir

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

0
Post #5
— All posts loaded —

Where Next? Top

View thread on forum (has 5 replies!)
phoenix
js
troubleshooting
package
Home Questions & Help>Questions
0 1645 5
Last post
REPLY VIEW THREAD WITH 5 POSTS

Trending in Questions Top

katta
Questions & Help>Questions

Phoenix Ecto realistic benchmarks
I having some trouble figuring out if I have set myself too strict of standards for my production server. Currently I can handle 75% of r...
/phoenix#ecto#troubleshooting
2 1863 12
New
peck
Questions & Help>Questions

Load Testing LiveViews With Tsung (or other tools?)
Hi everyone. My team and I have been working on a fairly modest app based around video streaming and chat, but we’ve landed a customer t...
/phoenix#tsung#load-testing#liveview
8 1362 2
New
achenet
Questions & Help>Questions

No Tailwind binary for FreeBSD
Hello, I’m trying to build a basic Phoenix web-app, and I’d like to use Tailwind. However, when I launch mix phx.server, I get an error...
/phoenix#freebsd#tailwindcss#tailwind
11 1073 14
New
bradley
Questions & Help>Questions

Are there any generic KMS libraries out there?
I really like the adapter patterns that ecto, nebulex, waffle, etc. use and would love find something similar for a key management servic...
#libraries#hex-packages
1 953 3
New
unaware8150
Questions & Help>Questions

What could be a clean way to handle constant strings across a codebase?
Hello folks! So at work, we are seeing some situations where we have to define some “fixed” strings that are used across the codebase in...
#learning-elixir
22 559 20
New
Alvinkariuki
Questions & Help>Questions

How can I optimise compile time dependencies?
How Can I Optimise Compile Time Dependencies I have been building an elixir application for about 2 years now. Many modules and files ha...
/phoenix#liveview
6 254 5
New
Cxx-mlr
Questions & Help>Questions

Using try/catch with update_in/3
I’m working on a small exercise involving update_in/3, and I came up with this solution: data = %{ name: "Periodic Table", category:...
#learning-elixir
9 273 12
New

Other Trending Topics Top

budgie
Chat & Discussions>Discussions

I genuinely hate programming now
A little off-topic, but I feel like people here have a good head on their shoulders. I used to be quite good at making software. Was luc...
#ai#career#rant
460 3763 113
New
KristerV
Chat & Discussions>AI / LLMs

State of developing agents with Elixir (not coding agents)
Hey. Is there anyone here who creates agents in their apps? Not talking about using agents, but creating them. I’m finding it pretty diff...
#agent#ai#llm#dev-tools#ai-tools
34 4281 23
New
mudasobwa
News>Announcing

Yoke - the DeepSeek Harness (former DSH)
I fully migrated to my own harness from Anthropic/Gemini and I think it’s time to share it. Welcome DSH, the DeepSeek Harness, fully writ...
#library#projects#llm#deepseek#llms
31 4437 36
New
jimsynz
News>Announcing

Beam Bots - Resilient Robotics on the BEAM
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
/beam-bots#library#robotics#bb
122 3775 29
New
juhalehtonen
Chat & Discussions>Discussions

Stack Overflow Developer Survey 2026
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
#developer-survey#stack-overflow
10 4244 4
New
budgie
Chat & Discussions>Discussions

How does Elixir keep going?
I love Elixir. It’s one of 2 programming languages I’ve ever fallen in love with. But I don’t use it anymore. Serverless was the promis...
#language#serverless
155 2497 64
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Questions & Help>Questions

Questions Questions ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

Honeybadger

Error tracking, logs, uptime, and Just Enough APM. Built for developers.

Code Sync

Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!

Manning

Master modern tools, write cleaner code, and tackle real-world challenges.

Defacto

Bringing learning, work and compliance together since 1987.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Software Mansion

The team behind Membrane, Popcorn, LiveDebugger. Available for hire.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Popular Tags

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

Honeybadger

Error tracking, logs, uptime, and Just Enough APM. Built for developers.

Code Sync

Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!

Manning

Master modern tools, write cleaner code, and tackle real-world challenges.

Defacto

Bringing learning, work and compliance together since 1987.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Software Mansion

The team behind Membrane, Popcorn, LiveDebugger. Available for hire.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews