Change Pie-Chart Color

[olivero]

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:

    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:

$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:

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

[mitchellsimoens]

This looks to be for ST2, can you confirm? You posted in ST1

[olivero]

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

[mitchellsimoens]

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

[olivero]

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