All Projects → jacktuck → node-chartjs

jacktuck / node-chartjs

Licence: MIT License
Chart.js on the server in Node.js

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to node-chartjs

data-11ty
An open source 11ty theme designed for reporting & data-visualization
Stars: ✭ 19 (-24%)
Mutual labels:  chartjs
chartjs
Use Chartjs in laravel-admin
Stars: ✭ 97 (+288%)
Mutual labels:  chartjs
network performance monitor
Network Performance Monitor - a portable tool for troubleshooting performance issues with home networks
Stars: ✭ 74 (+196%)
Mutual labels:  chartjs
PiFire
PiFire is a Smart WiFi enabled controller for your pellet smoker / grill.
Stars: ✭ 41 (+64%)
Mutual labels:  chartjs
chartjs-plugin-downsample
Chart.js plugin to downsample chart data
Stars: ✭ 41 (+64%)
Mutual labels:  chartjs
ipychart
The power of Chart.js with Python
Stars: ✭ 48 (+92%)
Mutual labels:  chartjs
chartjs-chart-timeline
Google-like timeline chart for Chart.js.
Stars: ✭ 44 (+76%)
Mutual labels:  chartjs
covid-19-next
Offline Covid-19 stats
Stars: ✭ 17 (-32%)
Mutual labels:  chartjs
vuejs-admin-dashboard-template
Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in Vue. Made by
Stars: ✭ 139 (+456%)
Mutual labels:  chartjs
firefox-health-dashboard
firefox-health-dashboard.netlify.com
Stars: ✭ 26 (+4%)
Mutual labels:  chartjs
hugo-chart
a Chart.js component for Hugo. 📈
Stars: ✭ 71 (+184%)
Mutual labels:  chartjs
competiwatch
Web app to track and visualize your competitive match history in Overwatch.
Stars: ✭ 17 (-32%)
Mutual labels:  chartjs
django admin chart js
An example repo showing how to add Chart.js to Django admin
Stars: ✭ 35 (+40%)
Mutual labels:  chartjs
chartjs-chart-graph
Chart.js Graph-like Charts (tree, force directed)
Stars: ✭ 103 (+312%)
Mutual labels:  chartjs
StatusPilatus
Monitor your PC like never before!
Stars: ✭ 52 (+108%)
Mutual labels:  chartjs
phpchartjs
A PHP library that makes it easy to generate data for ChartJS.
Stars: ✭ 24 (-4%)
Mutual labels:  chartjs
vuepress-theme-cool
A custom vuepress theme with mermaid and plantuml, katex and vue components.
Stars: ✭ 57 (+128%)
Mutual labels:  chartjs
JqueryDataTablesServerSideDemo
Jquery DataTables with Asp.Net Core server side multi column sorting and searching Demo Project.
Stars: ✭ 43 (+72%)
Mutual labels:  serverside
chartjs-plugin-doughnutlabel
Chart.js plugin for doughnut chart to display text in the center
Stars: ✭ 48 (+92%)
Mutual labels:  chartjs
htmx-talk-2021
Code examples and slides from my 2021 talk Server-Side is Dead! Long Live Server-Side (+ HTMX), presented at DjangoCon and Code Code Code
Stars: ✭ 18 (-28%)
Mutual labels:  serverside

node-chartjs

Chart.js on the server in Node.js 8.x.x or later

Based on previous work by https://github.com/vmpowerio/chartjs-node

With a few improvements we think:

  • Uses the newer 9.x.x 11.x.x version of JSDOM
  • Does not pollute node's global namespace

Note that we strongly advise against trying to "execute scripts" by mashing together the jsdom and Node global environments (e.g. by doing global.window = dom.window), and then executing scripts or test code inside the Node global environment. Instead, you should treat jsdom like you would a browser, and run all scripts and tests that need access to a DOM inside the jsdom environment, using window.eval or runScripts: "dangerously". This might require, for example, creating a browserify bundle to execute as a <script> element—just like you would in a browser.

💖 Made possibly by:

  • node-canvas - a Cairo backed Canvas implementation for NodeJS. See installation wiki

  • jsdom - a implementation of the WHATWG DOM and HTML standards for use with node.js

Getting Started

Peer Dependencies

You'll need to npm install chart.js as it is a peer dependency of node-chartjs. Tested with [email protected] any later and we have artifacts there are some issues open upstream, we anticipate fixes in 2.8.x*

Also make sure you have installed canvas' dependencies (see installation wiki)

npm install node-chartjs

Usage

const Chart = require('node-chartjs')
const chart = new Chart(200, 200) // 1000 x 1000 is default

chart.makeChart({ ... })
.then(res => {
  chart.drawChart()

  chart.toFile('test.line.png')
    .then(_ => {
      // file is written
    })
})

See examples folder for more

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].