Skip to main content

Chart 2D

Release dates are an estimation andFeatures are subject to change based on customer demand and development cycles.

Advanced Interactions

  • Axis Markers - Ability to add and drag axis markers along any axis. This can effectively be used to expose a users interaction with the chart via props.
  • Palette Provider - Ability to bind a high and low value to a pen and provide different colors for that pen should it be above or below the setpoints. This interaction is intended to leverage the bound property of an axis marker.

Data

  • Array - Support for Array datatype in the dataset prop in addition to the ignition dataset type.

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
  • Heatmap Contours
  • 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's 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.

Style

The team is continuing to improve the use of 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. CSS variables may be passed to props in the interim.

Back to top