10 Awesome Highcharts Cloud Tips & Tricks To Start Using Today

Highcharts Cloud takes interactive chart creation and publication to a whole new level. Anyone with basic computer skills and a DIY attitude can now mange the process themselves.  No knowledge of programming is required, just your imagination, love for numbers, and some basic data visualization skills.

Just enter your data, or link to a Google sheet, then define your chart type, colors, fonts, and other formatting options.

Like any tool worth using, there is always a small learning curve. To ease this process, here are 10 tips and tricks that you may not think of  by just reading the documentation.

10. Add a second axis

I like sharing data with different axes, especially when I visualize different units on the same charts such as temperature and millimeter.

To add another X axis or Y axis, go to Customize Chart, select on Advanced, scroll down to the X Axis or Y Axis section then click on the sign plus (right side) to add another axis.

9. Add symbols to the tooltip

To add symbols to the tooltip go to Customize Chart, select Advanced, click on tooltip, then scroll down to the Value Suffix field and add a symbol, e.g ºC.

8. Add symbols to the axes

You can also add symbols to axes. Go to Customize Chart, stay on Simple, click on Axes, then scroll down to Axis labels Format. Add any symbol or words before or after the text {value}, e.g. {value} °C.

7. Add labels to the chart

An easy and super-useful trick to add labels to charts.  For this, all you need to do is select a chart with labels from the chart types section. Go to Template and look for a chart type with the text with labels.

6. Take credit

If you, or your company, is the originator of the data, or want to publish the chart for marketing purposes, take credit!

Just go to Customize Chart, select Advanced, click on Credits. Change the Href to get the hyperlink and change the text to display the name on the chart.

5. Change the date on the tooltip

By default, Highcharts Cloud will set the date following your data. But it is always good to know how to change the date configuration when you hover over the charts’ points.

Go to Customize Chart, select Advanced, click on Tooltip and scroll to X Date Format. In the X Date Format write the customized date format using these case-sensitive symbols:

  • millisecond:%L
  • second:%S
  • minute:%M
  • hour:%H
  • day:%A
  • week:%e
  • month:%B
  • year:%Y”

4. Activate the zoom feature

The zoom capability is a great option to offer to your users, as they can explore the charts in details.
Go to Customize Chart, stay on the Simple section, click on General, then from the drop-down menu of the Allow zooming section select where you would like to have the zooming feature.

3. change series colors

A chart’s default colors may look great, but there may be times when you want to define your own series’ colors.

Go to Customize Chart, stay on the Simple, select Appearance, and scroll down to Series Colors. From there select the colors for the series, keep in mind that the colors are set to from up to bottom, where the upper color is for the first series, and the second color is for the second series and so on.

2. Get charts statistics

Is anybody looking at your charts? That’s a simple question to answer. Just click on the views field to see the the latest statistics.

1. Change the chart’s background color

I like to change up my chart’s background colors, either to make them fit the visual theme of the hosting webpage to simply attract the viewers’ attention.

Go to Customize Chart, stay on Simple, select Appearance, then scroll down to Chart Area. Choose any color from the Background color field.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This site uses Akismet to reduce spam. Learn how your comment data is processed.