Automatically grouping date axis months into years using axis ranges
Type
demo This demo shows how we can automatically group month labels of a DateAxis into years using axis ranges.
Custom period selector on XYChart
Type
demo This demo shows how we can add external buttons to create a custom pre-defined period selector on a regular XYChart.
Showing X-axis tooltip on top of the chart
Type
demo This demo shows how we can add an additional date axis to show axis tooltip on top of the chart instead of axis itself.
Using axis ranges to highlight weekends
Type
tutorial Axis ranges is a good way to highlight specific places or stretches along an axis. This tutorial will show how we can create code to automatically create axis ranges to highlight weekends on a DateAxis. The task Say, we have a chart that shows line series along a date-based axis. To make our user understand […]
Show a range of dates in a tooltip of a DateAxis when grouping data
Type
tutorial This demo shows how we can show a data range of a grouped data items in a DateAxis tooltip. Code Related info Demo
Column labels as categories
Type
tutorial This tutorial will explain how individual column labels (bullets) can be used as Category axis labels. The task During the course of this tutorial, we are going to give a fairly basic clustered column chart a makeup. Let’s do this step by step. Moving categories up First task is to move those year categories up […]
Simulating axis gaps (break)
Type
tutorial This demo shows how we can leverage stacked axes to simulate an axis break.
Using axis ranges to place labels at arbitrary values or dates
Type
tutorial Axes of various types follow their own logic when they choose where to place its grid and labels. However, sometimes you need to place those labels at precisely value X, or on date Y. That’s where axis ranges might come in handy, which is the focus of this tutorial. Prerequisites Just to refresh your memory […]
Location of items on date axis and date-based series
Type
tutorial This combined tutorial examines at possible positioning of axis elements like grid, labels, and ticks as well as series data items in an XY chart scenario with a date axis and date-based data. Intro Location of axis elements (grid, labels, ticks) is determined by location and multiLocation settings. For a simplified explanation about those, visit […]
Aligning axis range labels
Type
tutorial Labels of an axis range are shown on the axis itself by default. This demo shows how we can put them on the opposite side of the plot area, or within it. Labels on opposite side To achieve the required result, we’ll need these steps: The code: The demo: Labels inside plot area We can […]