Tiny File Manager

Back Back Up Advanced Editor

using System;
using FusionCharts.Charts;

public partial class Pages_ChartAnnotations : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //json data in string format
        string jsonData = "{            'chart': {                'caption': 'Bakersfield Central - Total footfalls',                'subCaption': 'Last week',                'xAxisName': 'Day',                'yAxisName': 'No. of Visitors (In 1000s)',                'showValues': '0',                'theme': 'fusion'            },        'annotations':{            'groups': [                {                    'id': 'anchor-highlight',                    'items': [                        {                            'id': 'high-star',                            'type': 'circle',                            'x': '$dataset.0.set.2.x',                            'y': '$dataset.0.set.2.y',                            'radius': '12',                            'color': '#6baa01',                            'border': '2',                            'borderColor': '#f8bd19'                        },                        {                            'id': 'label',                            'type': 'text',                            'text': 'Highest footfall 25.5K',                            'fillcolor': '#6baa01',                            'rotate': '90',                            'x': '$dataset.0.set.2.x+75',                            'y': '$dataset.0.set.2.y-2'                        }                    ]                }            ]        },            'data': [                {                    'label': 'Mon',                    'value': '15123'                },                {                    'label': 'Tue',                    'value': '14233'                },                {                    'label': 'Wed',                    'value': '25507'                },                {                    'label': 'Thu',                    'value': '9110'                },                {                    'label': 'Fri',                    'value': '15529'                },                {                    'label': 'Sat',                    'value': '20803'                },                {                    'label': 'Sun',                    'value': '19202'                }            ]        }";
        // create chart instance
        // parameter
        // chrat type, chart id, chart widh, chart height, data format, data source
        Chart column2d = new Chart("column2d", "first_chart", "700", "400", "json", jsonData);
        //render chart
        Literal1.Text = column2d.Render();
    }
}