Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    olivero is on a distinguished road

      0  

    Default Answered: Change Pie-Chart Color

    Answered: Change Pie-Chart Color


    Hi
    I'm not able to change the colors for my pie chart (pic attached). I already tried a few things but nothing worked so far. Would be great if someone could point me in the right direction....

    Here is the code for my chart:
    Code:
        var chart1 =  new Ext.create('Ext.chart.Chart', {        title:'Parkplatz ',
            store: Ext.getStore('ParkplatzStoreCharts'), //the store that it will use
            animate: true,
            shadow: true,
            html:'<b>'+status+'</b>',
            styleHtmlContent: true,
            legend: {
                position: 'top'
            },
    
    
            series: [{
                type: 'pie',
                showInLegend: true,
                field: 'value',
                label: { //the label inside each pie
                    field: 'description',
                    font: '0.7em Arial',
                    display: 'rotate',
                    contrast: true
                },
    
    
            }],
        });
    here is my default-theme.scss:
    Code:
    $base-color: #698593;$active-color: #cfd500;
    
    
    $chart-blue: #ff0000;
    @import 'sencha-touch/default/all';
    
    
    // You may remove any of the following modules that you
    // do not use in order to create a smaller css file.
    @include sencha-panel;
    @include sencha-buttons;
    @include sencha-sheet;
    @include sencha-picker;
    @include sencha-tabs;
    @include sencha-toolbar;
    @include sencha-toolbar-forms;
    @include sencha-indexbar;
    @include sencha-list;
    @include sencha-layout;
    @include sencha-carousel;
    @include sencha-form;
    @include sencha-msgbox;
    
    
    
    
    // Charts stuff here
    @import 'compass/css3';
    @import 'touch-charts/default/all';
    
    
    @include touch-charts-draw;
    @include touch-charts-chart;
    @include touch-charts-toolbar;
    @include touch-charts-panzoom;
    @include touch-charts-legend;
    
    
    
    
    .detail {
      border: 1px solid #dddddd;
      background: #fff;
      padding: 1em;
      -webkit-border-radius: 0.6em;
      border-radius: 0.6em;
    }
    
    
    .title
    {
      text-shadow: #fff 0 1px 1px;
      color: #333333;
      margin-right: 2em;
      font-weight: bold;
      white-space: nowrap;
      font-size: 1.2em;
    }
    .homepanel
    {
      margin-bottom: 2em;
    
    
    }
    
    
    //
    and here my config.rb:
    Code:
    dir = File.dirname(__FILE__)
    
    #load the sencha-touch framework
    load File.join(dir, '..','touch', 'resources', 'themes');
    load File.join(dir, '..','charts','resources', 'themes')
    
    
    sass_path = dir
    css_path = File.join(dir, "..")
    output_style = :expanded
    environment = :development
    Attached Images

  2. Charts for ST2 are now built into the library in 2.1.0. Touch Charts 2 beta is no longer supported.

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,219
    Answers
    3521
    Vote Rating
    859
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    This looks to be for ST2, can you confirm? You posted in ST1
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    olivero is on a distinguished road

      0  

    Default


    yes it is but there's no thread for ST2 Charts (probably because it's still beta) so I posted it here...

  5. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,219
    Answers
    3521
    Vote Rating
    859
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Charts for ST2 are now built into the library in 2.1.0. Touch Charts 2 beta is no longer supported.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  6. #5
    Sencha User
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    olivero is on a distinguished road

      0  

    Default


    oh ok, I will check this out then... Thank you!

Thread Participants: 1