Roadmap (phase 1)

[markov00]

The below is a list of near term items planned for the first release on February 2019.

---

Paddings/Margins

• Add chart padding
• Add data padding between chart and axis (a configurable padding of the chart elements and the axis

Scales

• Add time scale (see limitations)
• Merge scales with multiple series depending on grouping (phase 1: basic merging, no stacking controls/rendering order)
• Add custom X domain for series (enable the dev to add it’s own domain extents to control the visualization)
• Fix computeOrdinalDataDomain in domain.ts sort by uniq value: add comparator
• Check when adding one or more split series, transform the x axis from linear/time to ordinal
• Compute the right band width for a linear/time scale type
• Check if 0 split series are used, than use the original x scale type (linear, time etc)
• Transform ordinal scales into linear scales to compute less number of ticks when possible (our current ordinal scale compute all ticks dimensions for each element in the domain, if the dataset x value can be converted into a linear scale, it’s better to convert back to linear before computing ticks to optimise axis computation)
• Fix ordinal scales rendering with multiple data series

Colors

• Add basic colors to bar charts (define what is the policy behind colouring)
• Merge colour scales: when using more than one series type (bar + line) manage the colors together
• [ ] Add external custom colour from spec props (moved to phase 2)

Axis

• Set max axis extent
• Rotate labels
• Horizontal / vertical grids
• [ ] Configure axis label max width/height as multiple of EUI sizes (moved to phase 2) (Axis dimensions rounded as multiple of EUI sizes or static size #40)

Charts

• Add opaque non stacked bar/area charts
• Add curves to lines and areas
• Add bar series chart
• Add area chart
• Add line chart
• Add stacked area charts
• Add stacked line charts
• Renderer multiple type charts
• [ ] Handle negative values in stacked area charts (moved to phase 2)
• Add test with 3 or more stacked areas
• [ ] Add z-index to each series (moved to phase 2)

Interaction/Animation

• Add interactions (tooltip)
• Add animations
• Add background rect to each interval to enable the highlight
• Add hover interaction to line charts
• Add hover interaction to area charts
• Add brush/selection tool (check if the selection be discrete and relative to the main X axis value. Keep the brush tool independent from the elements on the chart aka drag from everywhere)
• [ ] Add color to tooltip value (moved to phase 2)

General

• Implement chart rendering in canvas (konva)
• Implement first version of chart in Canvas
• Chart rotation 90 degree
• Chart rotation -90 degree
• Chart rotation 180 degree
• Expose the chart rotation props to a generic Settings component
• Add chart theming options
• Refactor axis dimension computation to accommodate the new format of series/domains
• Remove unnecessary code of the old bar, line, area rendering
• [ ] Add a direct render in konva native, without the use of React to increase performance. (moved to phase 2)
• [ ] Fitting functions Allow users to configure fitting/filling function for missing/null buckets kibana#17717 (moved to phase 2)(PR feat: add fitting functions utilities #55)
• [ ] Fix yScaleToDataExtent: some bars are overflowing the chart (moved to phase 2)
• Check performances (build, animate and update 1 high density chart, multiple small density charts, multiple medium density charts)

Legends

• Add legend component
• [ ] Add hover/click event for each legend series (moved to phase 2) (PR feat(legend/click): add click interations on legend titles #51)
• [ ] Add color picker for each legend series (moved to phase 2)

[markov00]

Closing as the deadline was reached. Missing tasks were moved to #3