Forge

After using this tutorial you will be able to:

1) Create a line, pie, bar, column and area chart;
2) Use all the parameters that are available on the chart;
3) Understand the differences between tooltip, xAxis, datalabels,...
4) Use and understand how we can apply JSON from the highcharts javascript library to the Outsystems.

Complements Charts component with more charts with export functionality.

enhancements to LineChart and PieChart

Component that allows us to integrate with all the charts present on Google Charts library.<br>
This component is related with <a rel="nofollow" href="http://www.outsystems.com/forge/Component_Detail.aspx?ProjectId=277">Jorge Santos's component</a>

Implementation of the Eclipse Paho MQTT JavaScript using websockets

TimelineJS is an open-source tool (based on <a rel="nofollow" href="http://timeline.knightlab.com/"> timeline.knightlab.com</a>) that enables you to build visually-rich interactive timeline.

This is a simple application to demo and test Charts component and its Highcharts Advanced Format (HighchartsJSON).

<span style="color: rgb(51, 51, 51); font-family: helvetica, arial, san-serif; font-size: 14px; line-height: 18px">This&nbsp;</span><a rel="nofollow" href="http://jquery.com/" style="color: rgb(68, 68, 170); font-family: helvetica, arial, san-serif; font-size: 14px; line-height: 18px">jQuery</a><span style="color: rgb(51, 51, 51); font-family: helvetica, arial, san-serif; font-size: 14px; line-height: 18px">&nbsp;plugin generates&nbsp;</span><a rel="nofollow" href="http://en.wikipedia.org/wiki/Sparkline" style="color: rgb(68, 68, 170); font-family: helvetica, arial, san-serif; font-size: 14px; line-height: 18px">sparklines</a><span style="color: rgb(51, 51, 51); font-family: helvetica, arial, san-serif; font-size: 14px; line-height: 18px">&nbsp;(small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.</span>

You can combine a Column and a Line Chart. In addition to combining these two, you can also adjust various options. For instance: The Tooltip Titles left and right Legend options

Pie charts are useful to display fractions of a whole by splitting a circle into sections. Each section looks like a slice of a pie and represents a category. Such layout makes it easy to observe relationships between parts.