www.webdeveloper.com
Results 1 to 2 of 2

Thread: Howto change configuration parameters of jquery easy pie chart

  1. #1
    Join Date
    Feb 2014
    Posts
    1

    Howto change configuration parameters of jquery easy pie chart

    Hi Experts,

    I am using juery easy-pie chart plugin for making pie charts.Initially I pass default configuration parameters.After I want to change configuration parameters like bar-color, sizeof pie chart.

    default configuration parameters:

    Code:
    $('.chart').easyPieChart({
    easing: 'easeOutCirc',
    barColor: '#1abc9c  ',
    trackColor: '#f9f9f9  ',
    scaleColor:false,
    scaleLength: 5,
    percent:67,
    lineCap: 'round',
    lineWidth: 15, //12
    size: 150, //110
    animate: {duration: 2000,enabled: true},
    onStep: function(from, to, percent) {$(this.el).find('.percent').text(Math.round(percent));}
     });
    I know, How to set percentage value dynamically to pie-chart,just like in the following way.

    Code:
    $('#'+domId).data('easyPieChart').update(value);
    except percentage, I want to set configuration parameters dynamically like

    I want to set size,bar-color of pie chart dynamically.For this I tried allot but I didn't find the way.

    tell me,The plugin what I am using is it supportable as per my specks. If it is supportable how can I fix this.

    please can anyone help me.

    Thanks.

  2. #2
    Join Date
    Jun 2007
    Posts
    3

    Try this

    $('#'+domId).data('easyPieChart').options['barColor'] = "rgba(128,255,127,.5)";

    cheers~


    Quote Originally Posted by grandhi View Post
    Hi Experts,

    I am using juery easy-pie chart plugin for making pie charts.Initially I pass default configuration parameters.After I want to change configuration parameters like bar-color, sizeof pie chart.

    default configuration parameters:

    Code:
    $('.chart').easyPieChart({
    easing: 'easeOutCirc',
    barColor: '#1abc9c  ',
    trackColor: '#f9f9f9  ',
    scaleColor:false,
    scaleLength: 5,
    percent:67,
    lineCap: 'round',
    lineWidth: 15, //12
    size: 150, //110
    animate: {duration: 2000,enabled: true},
    onStep: function(from, to, percent) {$(this.el).find('.percent').text(Math.round(percent));}
     });
    I know, How to set percentage value dynamically to pie-chart,just like in the following way.

    Code:
    $('#'+domId).data('easyPieChart').update(value);
    except percentage, I want to set configuration parameters dynamically like

    I want to set size,bar-color of pie chart dynamically.For this I tried allot but I didn't find the way.

    tell me,The plugin what I am using is it supportable as per my specks. If it is supportable how can I fix this.

    please can anyone help me.

    Thanks.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles