Area Chart

1 posts, 0 answers
  1. Haythem
    Haythem avatar
    1 posts
    Member since:
    Jul 2012

    Posted 22 Jul 2012 Link to this post

    Hi,
    I want to display an area chart but i couldn't. The framework is rendering a column chart every time.
    Here's my code :
    $('#chart_div').kendoChart({
    theme: $(document).data('kendoSkin') || 'default',
    legend: {
    position: 'top'
    },
    chartArea: {
    background: 'transparent'
    },
    seriesDefault: {
    type: 'area'
    },
    dataSource: {
    transport: {
    read: {
    url: source,
    dataType: 'json'
    }
    },
    sort: {
    field: 'year',
    dir: 'asc'
    }
    },
    valueAxis: {
    labels: {
    format: '{0}'
    }
    },
    tooltip: {
    visible: true,
    format: '{0}'
    },
    series: [{
    field: 'calls',
    name: 'Calls',
    },{
    field: 'limit',
    name: 'Limit' ,
    }],
    categoryAxis: {
    field: 'day',
    labels: {
    rotation: -90
    }
    }
    });

    Thanks.
Back to Top