Highcharts Tutorial: Set Custom Tooltip Date Format

Leave a comment Standard
high charts custom date format in tooltip

I spent a good 4 hours trying to figure out how to get HighCharts to use a custom date in the tooltip without using the custom tooltip formatter. Geesh! Why is it so painful?? Anyways, here is a JSFiddle showing how you can add your own custom formats to HighCharts and then use them in the date formats on the tooltip. In this example I’ve added a %c and then I can use that anywhere in HighCharts that I want to use my custom date formatting.

http://jsfiddle.net/c9mm9505/4/

Advertisements

Javascript: Charts, Graphs and Data Visualization for the Web

Comments 2 Standard

I was searching for some graphing, charting and data visualization libraries and I thought it might be helpful to share my finds and my favorite. Enjoy!

  • High Charts – Best looking, easiest to use and by far has the most features. The downside… it’s also the most expensive. A developer license will run you around $400 and an unlimited developer license is $3,600. They also have a stock ticker version. Nice stuff and my first choice if you can afford it.
  • jqPlot – is the best freeware, open source library out there in my opinion. It allows you to customize the colors and axis labels and has support for bar, scatter, bubble, pie and area graphs. It’s not as easy to use but it will get the job done if need be.
  • JSCharts -a JavaScript based chart generator that requires little or no coding. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is ready. Free version watermarked. Paid versions range from $79 – $169 commercial license and $39 – $89 non-profit license.
  • dygraphs – an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.
  • InfoVis – provides tools for creating Interactive Data Visualizations for the Web. Freeware.
  • g.raphael – Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web and G.Raphaël is specifically for charts. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Very simplified js commands to create graphs and charts. Freeware.
  • sigma – Web network visualization. Freeware. Lightweight JavaScript library to draw graphs, using the HTML canvas element. It has been especially designed to display interactively static graphs exported from a graph visualization software and display dynamically graphs that are generated on the fly.
  • JSXGraph – JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser. It is implemented completely in JavaScript, does not rely on any other library, and uses SVG, VML, or canvas. JSXGraph is easy to embed and is less than 100 KByte if embedded in a web page. Freeware.
  • Bluff – Bluff is a JavaScript port of the Gruff graphing library for Ruby. It is designed to support all the features of Gruff with minimal dependencies; the only third-party scripts you need to run it are a copy. Freeware.
  • Visualization Free – an easy-to-use, no software download Web-based charting and visualization application. Not for commercial use.
  • Timeline – Interactive widget for visualizing temporal data. Freeware.
  • PlotKit – a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support. PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported. Freeware, requires MochiKit 13 or higher.
  • Flot – JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. Freeware.
  • Sparklines – generates small inline charts directly in the browser using data supplied either inline in the HTML, or via javascript.
  • MilkChart – This library will generate a graph similar to Microsoft Excel. Freeware.
  • Canvas 3D Graph – this is the only 3D graphing software I could find. Freeware.
  • TufteGraph – make graphs using jQuery. Configuration is by dynamic functions, allowing for a really compact API (very few options). Non-core layout is done via CSS rather than code. Freeware.
  • MooChart – is a mooTools plugin to draw bubble graphs on the canvas.
  • Protovis – Protovis composes custom views of data with bars and dots. Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Freeware.
  • Rickshaw – an open source javascript toolkit for creating interactive time series graphs
  • Google Charts – not exactly perfect but sometimes the KIS (keep it simple) rule works best.
  • Protochart – open source library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries.

Video Game References: 3D Models, Degrees, Associations & Other Useful Links

Leave a comment Standard

I find that I visit so many different sites I can’t keep them straight and I can’t remember to update my delicious account. So I started adding them as resources on my main website when I found one I liked or wanted to go back to someday in the future. Here’s a list you may want to check them out for yourself. I’ve added my own comments and knowledge thrown into the mix:

Game Engines

Crystal Space 3D

Dark GDK

G3D Engine – good tool libraries, large free model collections

jMonkey Engine

Panda3D

Torque Engine – popular with independent developers

Unreal Engine – it’s a classic… now available for free.

MMO Specific

Unity 3D – in browser 3D MMO games, quickly gaining popularity as an engine. Has iPhone and Wii capabilities.

Big World Technology

Byond – not really an engine so much as a point and click game maker

Hero Engine

Irrlicht – i really like this one, runs fast, lightweight, nice toolset. Free. Showcase includes

Multiverse

Ogre 3D – i found this one to be way too complicated and not very well planned out. API was hard to use and understand if you want something you can just jump into and start programming.

Realm Crafter

Flash Specific

SmartFoxServer – Specifically for Flash MMOs.  I’ve chosen this one for an MMO I have in production. Free for up to 20 users, license required for 100, 500, and unlimited users ($300 – $3,000 dollars). Showcase games include Club Penguin, Atlantas and facebook’s app YoVille, and Build-a-Bear Workshop.

Red5 Server – Completely open source and free. If you’re looking to build on your own functionality this one is for you

Electro Server – Haven’t had a chance to play around with this one but it has a free 25 user version. Licenses for up to 500 – 200,000 users ($700 to $4,500+) — no unlimited license that I could find.  Showcase games include WebKinz, Nickeldeon and Barbie Let’s Chat.

3D Models

3D Cafe

3D Links

3D M3

3D Revolution

TurboSquid – largest collection of models made in Maya

WireCase

Quality 3D

Poitra – expensive but nice stuff

Exchange 3D

DAZ 3D

Archive 3D – all free models

3D Extras – free models

Amazing 3D

3D Software

Maya – industry leader, costs a fortune though

3Ds Max – also an industry leader but cheaper than Maya. Owned by the same company.

Blender – free, can integrate python and lua scripting. Good support community, so-so documentation.

Drawing & Art Software

Photoshop -leading graphic art software, if you don’t have this you might as well quit now…

Painter – exclusively for people drawing with tablets

Gimp – essentially a free version of photoshop

Associations

ECA – Electronic Consumers Association

ESA – Electronic Software Association

ESRB – Entertainment Software Rating Board

IGDA – International Game Developers Association

Artists

Geninne – artist in Mexico, I want her on one of my projects one day

Creative Thursday – artists post to a new topic every thursday, great way to find a diamond in the rough

Illustration Friday – same as Creative Thursday with a bigger following

Simon Reeves – freelance 3D artist. Has done several commercials so I doubt he’s cheap.

Sarah J How – worked with her on graphics for one of my pet games. Highly recommended. She was a texture/character artists for Deep Red Games, looks like she’s running her own studio now.

DeviantArt.com – tons of various artists. As a last resort you can probably find someone here.