FlexChart provides a flexible way to display a list of items in a bar, line, or scatter chart. A user can simply select a screen template to create a FlexChart that allows data binding, axis binding, range selection or setting line markers without having to code manually. Also, the control provides design flexibility to adjust the size and appearance of the FlexChart. Users can include multiple series in one chart to compare items across different categories. Control the appearance and behavior of X and Y axes through AxisX and AxisY properties respectively. Header and footer styles for charts can also be customised as per users requirements. This allows developers to create complex chart based applications.

myapp.FlexChartBrowse.FlexChart_render = function (element, contentItem) {
        var chart = new c1.cba.FlexChart($(element), contentItem);
        var collectionView = new c1.cba.LightSwitchCollectionView(contentItem);
        chart.wjControl.itemsSource = collectionView;
        myapp.chart = chart.wjControl;
};

Copyright (c) GrapeCity, inc. All rights reserved.