Overview

Not all charts need to be costly, time consuming and analytical. Sometimes we just need to see the overall trend. 

Now, it is possible to easily build these simple trend graphs (similar to the ones shown by Github, as an example) in Studio Pro and embed them on your Mendix applications.

Based on https://github.com/unsplash/react-trend.

Quoting the Unsplash's README, "Graphing tools are often complex, abstract, and heavy. They require domain-specific knowledge, and a significant time investment. But what if you just need a spark line that shows a trend? (...) These are very simple and elegant visualizations, and they should not require a bloated graphing library to produce."

This widget provides a simpler charting solution.

Features

Easily show trending charts. Custom settings include:

• Gradient or Solid Color;
• Height/Padding;
• Autodraw (Enable/Duration/Easing)
• Stroke/Smoothing (Stroke Width, Stroke Line Cap, Smoothing Enabled, Radius)

Usage

1. Add a dataview that returns an object (root) associated with a list of objects (that contain the trend values).
2. Inside the dataview, add the Trend widget.
3. Custumize it.

Documentation

Trend Chart Mendix Pluggable Widget

A Mendix widget to show trend charts based on https://github.com/unsplash/react-trend.

Quoting the Unsplash's README, "Graphing tools are often complex, abstract, and heavy. They require domain-specific knowledge, and a significant time investment. But what if you just need a spark line that shows a trend? (...) These are very simple and elegant visualizations, and they should not require a bloated graphing library to produce."

Now, it is possible to easily build these simple trend graphs (similar to the ones shown by Github, for instance) in your Mendix application.

Features

Easily show trending charts. Custom settings include:

• Gradient or Solid Color;
• Height/Padding;
• Autodraw (Enable/Duration/Easing)
• Stroke/Smoothing (Stroke Width, Stroke Line Cap, Smoothing Enabled, Radius)

Usage

Feel free to check the demo (.mpk) for a better understanding.

1. Add a dataview that returns an object (root) associated with a list of objects (that contain the trend values).
2. Inside the dataview, add the Trend widget.
3. Custumize it.

Demo project

• Mendix app running on the cloud
• Mendix demo module (.mpk)

Issues, suggestions and feature requests

• No known issues at the moment. If you have improvement suggestions, feel free to contact us.