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