Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Once the layoutComplete notification has been sent, the chart's axes, if it has them, go to work and size and position themselves along the chart's edges. They also calculate their tick marks, lines, and set their labels.

Chart optimization

notes hereTo do: describe the problem and solution used.

Performance

The charts below (created with FlexJS Chart package) show the difference between the optimized (orange) and regular (red) chart components; shorter bars are faster. The performance data were gather from two FlexJS LineCharts of a sine wave: one with optimized components and one without. The charts used BoxItemRenderers for each point plotted along with a LineSegmentItemRenderer to display the line connecting the points. The vertical axis is the average of ten runs in milliseconds.

...