Chart 2D
Features are subject to change based on customer demand and development cycles.
Developer Resources
- Interactions - Due to the complexity of the ability to create custom event handlers for interactions Streamline is working on a set of basic examples to share with the community on the Ignition Exchange.
- Helper Functions - Again, due to the freedom of the module configuration, Streamline
would likeintends to supply scripting functions to aid with the dynamic creation of pens and axes through scripting.
Advanced Interactions
Axis Markers
- Ability to add and drag axis markers along any axis. This can effectively be used to expose a
usersuser's interaction with the chart via props.
Line Multi Stroke
- Ability to bind a high and low value to a pen and provide different colors for that pen should it be above or below a setpoint. This interaction could leverage the bound property of an axis marker or
simplya setpoint tag.
Range Brush
- Add prop to indicate the selected range.
- Add prop to configure the appearance of the selected range.
Data
- Array - Support for Array datatype in the dataset prop in addition to the ignition dataset type.
- Append Mode - Add additional data modes to append or replace the dataset on every update to reduce the traffic over the Ignition websocket where required.
Axis
- Logarithmic - Support for different logarithmic bases.
New Chart Types
As the module is continually developed, the team will be adding new and improved chart types. A few of such charts are listed below:
- Band
- Stacked Column
The following chart types will only be implemented should there be a large enough demand.
- Candle Stick
- Heatmap
- Bubble
- Donut
- Pie
- 3D Charts - see the Chart 3D development roadmap page.
Plots
Currently, the 2D chart is limited to a single plot surface. Ideally we would like to be able to have multiple plots on a single surface with the ability to link and connect changes on one surface to another.
Theming
Since the library itself is not completely CSS compatible as it uses a canvas for it'sits rendering base, all theming is calculated at runtime to allow for the continued use of CSS variables. With this being said, there are a few nuanced features which we would like to support in the future such as the currentcolor
color value where currentcolor
is calculated based on the parent div color
style property. The team also intends to add support for the use of CSS variables with non-color properties such as font-family or font-size as currentlycurrent compatibility is limited.
Style
The team is continuing to improve the use of ignition'Ignition's style
property but as of now the feature has minimal control over the overall style of the component. We would like to add direct support for the fontFamily
style property to reduce the verbosity of the configuration of axis fonts.