chartnew/javascript

Simple HTML5 Charts using the canvas element

29 May 2022

Hi to all of you,, _(*1)

At the very beginning of the project, I had to implement several charts in one of my project. The most interesting tool that I found at that time was Chart.js but I could not produce the chart as I would see them. There was no support at all for Chart.js at that time. So I start to change/update the code so that I could produce what I wanted. I published my enhancements on Github and got new requests from other users. It was a real pleasure to develop ChartNew.js and to help lot of poeple., _(*2)

Since a couple of years, I have no need/no request for additional changes and, to be honest, I did not perform any changes for several years in the code (and do no more use ChartNew.js for a long time). So, it would be difficult for me to provide additional changes or to fix bugs., _(*3)

It is now time for me to stop with this project. Several new tools are now available (Chart.js is back for instance) and, if you want a professional tool, as ChartNew.js is no more supported, it is better for you to investigate in something else than ChartNew.js., _(*4)

François, _(*5)

ChartNew.js

Simple HTML5 Charts using the canvas element, _(*6)

So, I have re-worked Chart.js. Most of the changes are associated to requests in "GitHub" issues of Chart.js., _(*7)

Chart.js has been completely rewritten since ChartNew.js has been developed; Both code are now completely different. Most of the functionalities inserted in the new version of Chart.js are also available in ChartNew.js, _(*8)

June 2014 - Ole Kröger is now a co-developer of the project. More ideas, more people to give support. Welcome to him., _(*9)

New Charts integrated in this version compared to Chart.js, _(*10)

• HorizontalBar
• HorizontalStackedBar
• Line,Bar with logarithmic y-Axis
• BarLine (bar chart with an integrated line chart)

New Items in graph compared to Chart.js :, _(*11)

• Title
• Subtitle
• X Axis Label
• Y Axis Label
• Unit Label
• Y Axis on the right and/or the left
• Annotates (content can be configured through "templates")
• canvas Border
• Legend
• Footnote
• crossText (you can put a text over the graph at the place of your choice)
• graphMin / graphMax
• colorFunctions
• mathFunctions
• etc

A quick sample can be found on http://fvancop.github.io/ChartNew.js/demo_program/index.html, _(*12)

This version is down-compatible (on PC) with the version of Chart.js available on 13 January 2014., _(*13)

Hope it will be useful for some of you ! Perhaps a start for a new community development... Why not ?, _(*14)

Documentation

Full documentation is now available via the "wiki" entry that you will find on the right side of the screen. Do not hesitate to propose changes in the documentation when there are languages faults or things that are not clear., _(*15)

Link to the wiki documentation, _(*16)

Graph Generator

Using ChartNew.js, Omar Sedki has developed a graph generator. Though a user friendly interface, you can produce a graph and save it., _(*17)

http://charts.livegap.com/, _(*18)