Website redesign!

After 4 days of hard work our team released a new website for Image-Charts.

There are a brand new support page, a in-depth security page and a full comparison table between our subscription plans.

Love it? Hate it? Please ping us at @ImageCharts and let us know what you think!

Imgur

v4.image-charts.com removed

v4.image-charts.com does no longer exist! Long live v5!

Note that https://image-charts.com/chart endpoint will always refers to the latest available version. If you wish to freeze to v5 version, use https://v5.image-charts.com/chart.

Radar charts 🕸

Today we are delighted to release Radar chart 🕸 support!

cht=r
chxt=r
chd=t:81,65,50,67,59,81|77,67,10,79,65,77

Axis visibility is now 100% compliant with Google Image Charts

Axis labels policy and default axis visibility for line (ls, lc, lxy), bar charts (bvs, bhs, bvg, bhg, bvo) is now exactly the same as Google image Charts.

My chart does not have the axis it used to be, what should I do?

Leverage the chxt axis visibility parameter, a good starting point would be to add chxt=x,y to your URL.

Axis labels rotation is now horizontal by default

To better mimics Google Image Charts behavior, axis labels will be horizontal (not rotated) by default on Image-Charts v5.

image-charts v5

I like my label rotated, what should I do?

We've got your back, leverage max{degree} and min{degree} from axis label style parameter (chxs).

E.g. chxt=x,y&chxs=0,max45 define that the first axis (here it would be the x axis, see chxt) labels should have a max rotation of 45°.

My chart is not that large and now I've got overlapping labels, what should I do?

Please leverage the auto label skip feature to let our render engine skip the extraneous labels.

E.g. specify chxt=x,y&chxs=0,s where 0 reference the first axis (here it would be the x axis) declared in chxt.

Axis ranges (chxr) and axis visibility (chxt) are now globally interpreted

Our support for axis range and visibility had some bugs and it was not implemented for every type of charts and inconsistently. Axis ranges behavior is now supported and consistent between line, bar and bubble chart.

If no chxr is defined Image-Charts will display your chart based on your actual data.

Google Image Charts made a distinction between axis range and actual chart dataset (e.g. Google Image Charts displayed [0;100] axis range not considering the dataset values where between [0;30] and faking), since our first day it's the only non API-compatible choice we made because we deeply think it's way harder to use.

I prefer when my axes went from 0 to 100, what should I do?

If your chart has chxt=x,y then append a chxr=0,0,100|1,0,100 to retrieve past behavior.

I already use chxr, what should I do?

Since we've fixed bugs related with our implementation of chxr, you might have some issues since we are not strictly following what's described inside our documentation.

Search inside your code for usage of chxr and check that your charts render correctly with our latest release.

Removed chl undocumented behavior that acted as axis labels

Using chl for defining axis labels in bar and line charts was an undocumented behavior both in Image-Charts and Google Image Charts.

To improve our API consistency Image-Charts v5 remove this undocumented and unsound implementation. Line, bubble and bar charts now only use chxl for custom axis labels. 

As stated in our documentation and Google Image Charts documentation:

I used chl for axis labels what should I do?

Please use custom axis labels (chxl) instead.

E.g. changing chl=a|b|c to chxl=0:|a|b|c should be enough most of the time.

[Enterprise+] Retina support in gif animation

Good news!

On top of our gorgeous retina-compatible (&icretina=1) generated charts you are now able to make them animated as well (&chan=1200,easeInOutCubic).

It's the perfect time to impress your customers with animated email reports!

gif animated static chart

Negative margins

Negative margins are now supported, see chma documentation.

Retina support improved

We revisited our retina display support that we released a month ago.

Image-Charts latest version is now completely coherent regarding text sizes (axis labels, chart titles, ...).