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
1938 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

stjefim
Questions & Help>Questions

Durable Workflow Execution (temporal alternative for elixir)
Hello! Suppose you are building workflow (order / task / payment) processing system with the following requirements: Each workflow con...
/oban#workflow#durable-execution
23 7267 11
New
water
Questions & Help>Questions

Opensource Projects Using AshFramework as Learning Resource
I’m aware of 2 such projects, are there others? git: GitHub - team-alembic/realworld: A fullstack Phoenix LiveView application with back...
/ash#learning-resources
24 2108 9
New
itzmidinesh
Questions & Help>Questions

Preferred HTTP library: Req or HTTPoison?
Hi all, I’m working on a Phoenix project where I need to make external HTTP requests and I’m trying to choose between Req and HTTPoison....
/phoenix#httpoison#req
11 1667 6
New
pragdave
Questions & Help>Questions

How do I inject raw HTML in a template?
How do I tell Hologram not to escape HTML when substituting into templates? {Textile.render(@product.long_description)} escapes the HTM...
/hologram#templates
29 1276 7
New
rlipscombe
Questions & Help>Questions

File.open w/permissions
I’d like to create a file with 600 permissions (rw-------), but there’s a race condition if I create it and then change the permissions. ...
#security#file
3 864 2
New
leoschweizer
Questions & Help>Questions

Shared per-node concurrency across queues in Oban Pro
Hi, we run different LLM models across a cluster, with each node loading a configurable subset. Model-specific queues let nodes consume ...
/oban#oban-pro
2 449 5
New
rlipscombe
Questions & Help>Questions

Mix.install doesn't honour `GIT_SSH_COMMAND`
When I use Mix.install with a git dependency, using git@github.com:... how do I change the SSH identity used? I’ve got two Github accoun...
/livebook#ssh#git
6 750 9
New

Other Trending Topics Top

dominicletz
Chat & Discussions>AI / LLMs

Elixir Skills for Claude, Cursor, Codex
Hey there, I haven’t seen a list of useful Elixir specific skills for the popular AI tools yet so I’m starting one here with my first. ...
#learning-elixir#ai
53 9086 22
New
raa-ziq
Chat & Discussions>Discussions

NowBlind - a random chat app (built with Elixir & Phoenix LiveView)
Hi everyone :waving_hand: I wanted to share something I’ve been building — NowBlind, a random chat app designed to help people discover ...
/phoenix/oban#ecto#webrtc#liveview#chat#showcase#phoenix-channel#web-app
2 5191 1
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
35 6563 37
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 5131 24
New
OndrejValenta
Chat & Discussions>AI / LLMs

Why AI dream is a non sense and will die
(I just needed to vent somewhere and LinkedIn is full of hope, or hype, I’m not sure which exactly) AI dream has many faces, but general...
#future-tech
212 4793 117
New
kip
News>Announcing

Localize - next generation localisation (ex_cldr v3.0)
Localize is the next generation localisation library for Elixir. Think of it as ex_cldr version 3.0. The first version will be released ...
#library#localization#localize
369 4446 48
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Questions & Help>Questions

Questions Questions ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

WyeWorks

At WyeWorks, we believe great software is built by combining technical excellence with genuine human connection

Our Sponsors

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

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.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

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

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

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.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

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