Need some help?

Let's help you getting the most out of HappyMetrix.

This page will help getting you started and give you answers on our most asked questions.
If you can't find the answer you're looking for, just submit a ticket and we'll answer your question asap.



Connect your own data

Column chart

With the custom column chart widget you can connect any data you might have available in your owners server, ERP of CMS framework. We’ve made it really easy for you to connect to your data and visualise it into our widget.

In order to connect your data with one of our widgets you simply need to make your data available in a standardised JSON or XML format. 



JSON 

http://download.happymetrix.com/demodata/columnchart.txt

  

{  
   "data":{  
      "values":[  
         {
		 	"x_axis_label":"January",
		 	"revenue":35,
			"costs":20
		 },
		 {
		 	"x_axis_label":"February",
		 	"revenue":50,
			"costs":40
		 },
		 {
		 	"x_axis_label":"March",
		 	"revenue":80,
			"costs":56
		 },
		 {
		 	"x_axis_label":"April",
		 	"revenue":36,
			"costs":10
		 },
		 {
		 	"x_axis_label":"May",
		 	"revenue":77,
			"costs":60
		 },
		 {
		 	"x_axis_label":"June",
		 	"revenue":69,
			"costs":50
		 },
		 {
		 	"x_axis_label":"July",
		 	"revenue":100,
			"costs":90
		 },
		 {
		 	"x_axis_label":"August",
		 	"revenue":0,
			"costs":20
		 },
		 {
		 	"x_axis_label":"September",
		 	"revenue":14,
			"costs":20
		 },
		 {
		 	"x_axis_label":"October",
		 	"revenue":50,
			"costs":40
		 },
		 {
		 	"x_axis_label":"November",
		 	"revenue":70,
			"costs":60
		 },
		 {
		 	"x_axis_label":"December",
		 	"revenue":75,
			"costs":65
		 }
      ]
   }
}

  

XML 

http://download.happymetrix.com/demodata/columnchart.xml

    

<?xml version="1.0" encoding="UTF-8"?>
<data>
	<item>
		<x_axis_label>Monday</x_axis_label>
		<price>4</price>
		<revenue>4</revenue>
	</item>
	<item>
		<x_axis_label>Tuesday</x_axis_label>
		<price>14</price>
		<revenue>10</revenue>
	</item>
	<item>
		<x_axis_label>Wednesday</x_axis_label>
		<price>20</price>
		<revenue>50</revenue>
	</item>
	<item>
		<x_axis_label>Thursday</x_axis_label>
		<price>18</price>
		<revenue>30</revenue>
	</item>
	<item>
		<x_axis_label>Friday</x_axis_label>
		<price>30</price>
		<revenue>40</revenue>
	</item>
	<item>
		<x_axis_label>Saturday</x_axis_label>
		<price>14</price>
		<revenue>80</revenue>
	</item>
	<item>
		<x_axis_label>Sunday</x_axis_label>
		<price>4</price>
		<revenue>90</revenue>
	</item>
</data>