Chart series color

Hi
I have a simple bar chart and I want all of it's bars to have the same color.
Is that possible?
Any ideas on how to achieve that?
Regards
Shlomi

Hi Shlomi,
Yes, it is possible.
Design Studio 1.3:
Option 1 (typical use case: if your dimension doesn't have too much different values and it has the same values - no new values are added dynamically, for example you have applied a background filter to max. 20 fixed dimension values): Chart > Additional Properties > Data Series: here you can define a different color for each dimension value; you would define the same color for each dimension value
Option 2 (typical use case: if your dimension has a lot of values which are not fixed in your chart - they change if new data gets loaded or different filters are applied to the data source): Chart > Properties > Display > Conditional Formatting > New Rule...: create a rule where either your measure or dimension meets a condition and choose the color that should be used if the condition is true
Or use CSS in your custom CSS file (should also work in DS 1.2, but I tested it only in DS 1.3):
for example:
/* Chart Type: Bar ; change color for bars */
.v-m-plot .v-bar rect {fill: orange; stroke: white/*brown*/;}
/* Chart Type: Bar ; change color for dimension values in legend */
.v-legend-content path {fill: orange;}
...you can further customize the css with other styling too.
Best Regards,
David

Similar Messages

Changing chart series colors with colorpicker

I am trying to implement functionality to allow the user to
select what color he wants a particular series item in a chart to
be. Here's what I'm doing, but it doesn't work. I get the series
object returned correctly, but "setStyle" doesn't do anything.

Alright, I think I have something you're looking for. This
updates the series' color in the legend, too.
<?xml version="1.0"?>

<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml">
<mx:Script><![CDATA[
import mx.collections.ArrayCollection;
import mx.charts.events.ChartItemEvent;
import mx.controls.ColorPicker;
import mx.events.ColorPickerEvent;
import mx.charts.HitData;
import mx.charts.chartClasses.ChartElement;
import mx.graphics.Stroke;
import mx.charts.series.items.LineSeriesItem;
[Bindable]
public var expenses:ArrayCollection = new ArrayCollection([
{Month:"Jan", Profit:2000, Expenses:1500, Amount:450},
{Month:"Feb", Profit:1000, Expenses:200, Amount:600},
{Month:"Mar", Profit:1500, Expenses:500, Amount:300}
private var cp:ColorPicker;
private var csi:LineSeriesItem;
private var el:ChartElement;
private function doSomething(e:ChartItemEvent):void {
var hitData:HitData = e.hitData;
csi = LineSeriesItem(hitData.chartItem);
el = ChartElement(csi.element);
cp = new ColorPicker();
myChart.addChild(cp);
cp.addEventListener(ColorPickerEvent.CHANGE,
changeItemColor);
cp.x = e.localX;
cp.y = e.localY;
cp.open();
private function changeItemColor(e:ColorPickerEvent):void {
var s1:Stroke = new Stroke(cp.selectedColor, 4, 1); //First
3 arguments are color, weight, and alpha.
el.setStyle("lineStroke", s1);
// Use this if it's a column or bar series:
// var c:SolidColor = new SolidColor(cp.selectedColor);
//el.setStyle("fill", c);
//csi.itemRenderer.height = csi.itemRenderer.height;
myChart.removeChild(cp);
]]></mx:Script>
<mx:Panel title="Line Chart">
<mx:LineChart id="myChart"
dataProvider="{expenses}"
showDataTips="true"
itemClick="doSomething(event)"
>
<mx:horizontalAxis>
<mx:CategoryAxis
dataProvider="{expenses}"
categoryField="Month"
/>
</mx:horizontalAxis>
<mx:series>
<mx:LineSeries
yField="Profit"
displayName="Profit"
selectable="true"
/>
<mx:LineSeries
yField="Expenses"
displayName="Expenses"
selectable="true"
/>
</mx:series>
</mx:LineChart>
<mx:Legend dataProvider="{myChart}"/>
</mx:Panel>
</mx:Application>
matt horn
flex docs

Single Chart Series with multiple color data points

I am developing an application using the flex chart component
and I am binding data to 3 different chart series which is pretty
intense processing. I was wondering can I use only one chart series
and when I bind the data points just to change the color per data
point which meet certain criteria?
Here one method from my application where I am dynamically
binding data to my series.
private function loadSeries(data:XMLList, yAxis:String):void
seriesAdd.yField = yAxis;
seriesAdd.xField = "Date";
//seriesDelete.yField = yAxis;
//seriesDelete.xField = "Date";
//seriesChange.yField = yAxis;
//seriesChange.xField = "Date";
seriesAdd.dataProvider = data.Trade.(A == 'Add');
seriesAdd.//Can I change the color per each data point if I
have multiple data sets?
//seriesDelete.dataProvider = data.Trade.(A == 'Delete');
//seriesChange.dataProvider = data.Trade.(A == 'Change');
Thank you

I think I found something to get me started:
http://livedocs.adobe.com/flex/3/html/help.html?content=charts_displayingdata_09.html
My next question is if I have the following function to fill
my data points:\
private function myFillFunction(element:ChartItem,
index:Number):IFill {
var c:SolidColor = new SolidColor(0x00CC00);
var item:ColumnSeriesItem = ColumnSeriesItem(element);
var sales:Number = Number(item.yValue);
if (sales >= 50000) {
return c;
} else {
// They have not met their goal.
c.color = 0xFF0000;
return c;
How can I access values that pertain to the specific chart
item, but are not plotted on the x and y axis. Something similar to
the checking on the above function, but check if value that is not
plotted but still exists on the data provider.
Thanks in advance.

Change color in chart series (Chart Controls)?

Does anyone know if it's possible to change the color within a series in Microsoft Chart Controls? My data is X = test time and Y = response time using a column graph. Currently when the test to collect response time fails it does not
record a numerical value and when graphed it appears as though the response time was minimal. I want to make it stand out when a failure occurs, for example to draw a large column and change the color to red (other values are in blue).
I don't have much experience using Chart Controls yet. I know you can use an alternate color with a different series of data but it doesn't appear you can change it from within.
This is my chart series (when a test fails, the response matches "" and not $NULL):
[void]$chart1.Series.Add("ResponseTime")
$chart1.Series["ResponseTime"].ChartType = "Line"
$chart1.Series["ResponseTime"].BorderWidth = 1
$chart1.Series["ResponseTime"].IsVisibleInLegend = $true
$chart1.Series["ResponseTime"].chartarea = "ChartArea1"
$chart1.Series["ResponseTime"].color = "#0404B4"
$DATA | ForEach-Object {
If ($_.RESPONSE_MS -eq "") {
$chart1.Series["ResponseTime"].Points.addxy("FAIL",9999)
Else {
$chart1.Series["ResponseTime"].Points.addxy( $_.TIME.Remove(5) , ($_.RESPONSE_MS)) }
I tried changing the color within the if/else but the first .color value it picks up will be used throughout.

Hi Tickermcse76,
To create a new line chart, please refer to this script:
function New-Chart
param ([int]$width,[int]$height,[int]$left,[int]$top,$chartTitle)
# create chart object
$global:Chart = New-object System.Windows.Forms.DataVisualization.Charting.Chart
$global:Chart.Width = $width
$global:Chart.Height = $height
$global:Chart.Left = $left
$global:Chart.Top = $top
# create a chartarea to draw on and add to chart
$chartArea = New-Object System.Windows.Forms.DataVisualization.Charting.ChartArea
$global:chart.ChartAreas.Add($chartArea)
[void]$global:Chart.Titles.Add($chartTitle)
# change chart area colour
$global:Chart.BackColor = [System.Drawing.Color]::Transparent
} #New-Chart
New-Chart -width $width -height $height -left $left -top $top -chartTile $chartTitle
[void]$global:Chart.Series.Add("Data")
# $global:Chart.Series["Data"].Points.AddXY($(get-date), $($ht.Values))
$global:Chart.Series["Data"].Points.DataBindXY($ht.Keys,$ht.Values)
#$global:Chart.Series["Data"].XValueType = [System.Windows.Forms.DataVisualization.Charting.ChartValueType]::Time
#$global:Chart.chartAreas[0].AxisX.LabelStyle.Format = "hh:mm:ss"
#$global:Chart.chartAreas[0].AxisX.LabelStyle.Interval = 1
#$global:Chart.chartAreas[0].AxisX.LabelStyle.IntervalType = [System.Windows.Forms.DataVisualization.Charting.DateTimeIntervalType]::Seconds
$global:Chart.Series["Data"].ChartType = [System.Windows.Forms.DataVisualization.Charting.SeriesChartType]::Line
#$global:chart.Series["Data"].IsValueShownAsLabel = $false
Reference from:
http://poshcode.org/1205
To change the chart color, please refer to this script:
Charting with PowerShell
I hope this helps.

How do I set default colors for XY chart series (lines and legend)

I am implementing a line chart and need to override the default (caspian style) colors for the line colors and the legend symbols. I'm not displaying the chart symbols themselves as that would make the chart look bad. I've been able to successfully set the default colors for the lines via the CSS below, but cannot find a way to do the same for the series symbols that appear in the chart legend. How do I do this? Thanks.
.default-color0.chart-series-line {
-fx-stroke: rgb(0, 102, 255);
.default-color1.chart-series-line {
-fx-stroke: rgb(0, 255, 102);
...Update:
Figured it out. Need to do the following:
.default-color0.chart-line-symbol {
-fx-background-color: rgb(R, G, B);
}Edited by: 998038 on May 16, 2013 4:09 PM

Here is some css to customize the line and legend colors in a line chart.
/** file: chart.css
    place in same directory as LineChartWithCustomColors.java */
.default-color0.chart-series-line {
-fx-stroke: rgb(0, 102, 255);
.default-color1.chart-series-line {
-fx-stroke: rgb(0, 255, 102);
.default-color0.chart-line-symbol {
-fx-background-color: rgb(0, 102, 255), white;
.default-color1.chart-line-symbol {
-fx-background-color: rgb(0, 255, 102), white;
}And a test harness to try it:
import javafx.application.Application;
import javafx.event.*;
import javafx.scene.Scene;
import javafx.scene.chart.*;
import javafx.scene.control.*;
import javafx.scene.input.*;
import javafx.stage.Stage;
public class LineChartWithCustomColors extends Application {
    @Override public void start(final Stage stage) {
        stage.setTitle("Line Chart Sample");
        //defining the axes
        final NumberAxis xAxis = new NumberAxis();
        xAxis.setLabel("Number of Month");
        final NumberAxis yAxis = new NumberAxis();
        //creating the chart
        final LineChart<Number,Number> lineChart =
                new LineChart<>(xAxis,yAxis);
        lineChart.setTitle("Stock Monitoring, 2010");
        lineChart.setCreateSymbols(false);
        //defining a series
        XYChart.Series series = new XYChart.Series();
        series.setName("My portfolio");
        //populating the series with data
        series.getData().setAll(
          new XYChart.Data(1, 23),
          new XYChart.Data(2, 14),
          new XYChart.Data(3, 15),
          new XYChart.Data(4, 24),
          new XYChart.Data(5, 34),
          new XYChart.Data(6, 36),
          new XYChart.Data(7, 22),
          new XYChart.Data(8, 45),
          new XYChart.Data(9, 43),
          new XYChart.Data(10, 17),
          new XYChart.Data(11, 29),
          new XYChart.Data(12, 25)
        lineChart.getData().add(series);
        //adding a context menu item to the chart
        final MenuItem resizeItem = new MenuItem("Resize");
        resizeItem.setOnAction(new EventHandler<ActionEvent>() {
          @Override public void handle(ActionEvent event) {
            System.out.println("Resize requested");
        final ContextMenu menu = new ContextMenu(
          resizeItem
        lineChart.setOnMouseClicked(new EventHandler<MouseEvent>() {
          @Override public void handle(MouseEvent event) {
            if (MouseButton.SECONDARY.equals(event.getButton())) {
              menu.show(stage, event.getScreenX(), event.getScreenY());
        Scene scene =
          new Scene(
            lineChart,800,600
        stage.setScene(
          scene
        stage.show();
        scene.getStylesheets().add(
          getClass().getResource("chart.css").toExternalForm()
    public static void main(String[] args) {
        launch(args);
}

Powershell Excel Chart - change series colors

I have a Powershell script that reads values from an Excel sheet and then creates a chart based on the values. The script works but I want to change the colors of the series in the bar chart. In VB (using an Excel macro) the code is as follows:
ActiveChart.SeriesCollection(7).Select
With Selection.Format.Fill
.Visible = msoTrue
.ForeColor.RGB = RGB(17, 17, 17)
.Solid
End With
Based on what I read Powershell doesn't process RGB colors so I tried using one of the default colors:
$wb.ActiveChart.SeriesCollection(5).Format.Fill.ForeColor = "black"
Whatever variation on this I try seems to make no difference to the color of the bar chart series values. Is it even possible to change the colors with Powershell?

Hi,
Based on my research, the below code should be used to change chart forecolor, please give it a try:
$chart.SeriesCollection(1).Points(1).Format.Fill.ForeColor.RGB = 255
More details please go through the below link:
http://learn-powershell.net/2012/12/24/powershell-and-excel-adding-a-chart-and-header-filter-to-a-report/
Regards,
Yan Li
Regards, Yan Li

How to set the (specific) color for a Chart Series in a Flash Diagramm

Hello all,
I wonder how I can set the color (of a bar) for a Chart Series in a Flash Diagramm.
So far I found now set-screw for this.
Can someone give me a hint please.
Thanks in advance.
Andre

Hi,
On the Chart Attributes page for the region, change the "Color Scheme" setting to Custom. Then, in the "Custom Colors" setting, enter the colours you want for all series, separated by a comma. For example:
red,yellow,greenAndy

Controlling Chart Bar Colors

Hello, I'm just beginning to add charts to my application and I'm finding it difficult to control Chart bar color dynamically. I would like Red, Yellow, Green bars based on limits on the Bar value. Example Values under 5 may be Green, 5 - 9 Yellow, and over 10 Red. The HTML chart appears to either be Random or one Specifc color, and the SVG Chart appears to only be a sinlge color. Both are chosen on the attribute screen of the chart.
Anyone done Dynamic Chart Bar coloring? - Thanks

Hi, and welcome!
Have a look at: [http://apex.oracle.com/pls/otn/f?p=44602:2]
To get this on a Flash Chart, I have:
1 - Set the chart type to: Stacked 2D Column
2 - Set the Color Scheme setting to: Custom
3 - Set the Custom Colors to: red,yellow,green
4 - Created THREE series (with a maximum of 15 rows each) with the following SQL statements:
Series 1:
SELECT NULL LINK, ENAME LABEL, CASE WHEN SAL < 1000 THEN SAL ELSE 0 END VALUE FROM EMP WHERE SAL IS NOT NULL ORDER BY ENAME
Series 2:
SELECT NULL LINK, ENAME LABEL, CASE WHEN SAL BETWEEN 1000 AND 2000 THEN SAL ELSE 0 END VALUE FROM EMP WHERE SAL IS NOT NULL ORDER BY ENAME
Series 3:
SELECT NULL LINK, ENAME LABEL, CASE WHEN SAL > 2000 THEN SAL ELSE 0 END VALUE FROM EMP WHERE SAL IS NOT NULL ORDER BY ENAME
As long as my SQL is correct and the SAL value ranges don't overlap, each ENAME entry will appear in one, and only one, series - for the other two series, the value will be reset to 0, so nothing is shown.
Andy

How to customize line chart series and symbols?

Hello Forum,
who can help me to customize line chart series and symbols color?
I need to customize this in dynamic way.
Thanks in advanced.

See example 8-10 (Example 8-10 Changing Chart Symbol Color) from http://docs.oracle.com/javafx/2.0/charts/css-styles.htm#CIHGIAGE (reproduced here).
The linked tutorial document contains a picture of how this example renders.
.chart-series-line {
    -fx-stroke-width: 2px;
    -fx-effect: null;
.default-color0.chart-series-line { -fx-stroke: #e9967a; }
.default-color1.chart-series-line { -fx-stroke: #f0e68c; }
.default-color2.chart-series-line { -fx-stroke: #dda0dd; }
.default-color0.chart-line-symbol { -fx-background-color: #e9967a, white; }
.default-color1.chart-line-symbol { -fx-background-color: #f0e68c, white; }
.default-color2.chart-line-symbol { -fx-background-color: #dda0dd, white; }Note the two comma separated colors listed for each -fx-background-color for the chart-line-symbol.
The first color is the color or the outside of the symbol, the second is the inside of the symbol.
In the sample css you provided you only supply a single background color for the chart-line-symbol, when two colors are required.

Setting series color in the Business Graphics UI element

Hi all,
I'm using the Business Graphics UI element in my Web Dynpro application.
I set the color for various properties using chart designer, then I add the generated XML in the doModifyView method: bg.setDirectCustomizing(xml file) and most of it works.
However, when I change the series' color, I don't see any change in the xml file (see snapshot).
http://img90.imageshack.us/my.php?image=graphjy1.jpg
My xml starts with <SAPChartCustomizing> and ends with </SAPChartCustomizing>.
How can I set the series' color using the custom xml file?
Thanks,
Omri

Hi,
as the connection between your data and the customizing settings works via IDs you have to make sure that you set exactly the same ID for a data series as defined in the chart designer.
In case that you use point customizing make sure that you do not set an ID for the points of your series. Instead set the series customizing ID for the series only! Keep in mind that point customizing always overwrites series customizing if both are defined.
Regards, Kai

Need EXPERT's suggestion for APEX CHART SERIES

Hello Everyone,
I have been trying to solve an issue with my apex line chart. The scenario is as follows:
I have a table called revenue. revenues per year are saved in it. and revenues are generated from three sources which are also saved in the same table.
I have made a line chart on it. works well.
Now I have to show that if the value of one of the sources had fallen, how must have it affected the total. I made a number field that takes an estimated change value, and build my sql query with it. it works but the problem is that it changes the non-affected source too. it must change the value of the affected source only and hence the total value.
I hope I make sense and anybody can suggest something.
bold or I will put it this way, how can I write a select statement for a chart series so that one of the rows value does not change and the other two change. ... ?
Edited by: Samooray92 on May 30, 2013 2:41 PM

Samooray,
Let's work with this question since there is more detail here than in the other one. {thread:id=2543702}
First it's always help to know:
Full APEX version
Full DB/version/edition/host OS
Web server architecture (EPG, OHS or APEX listener/host OS)
Browser(s) and version(s) used
And sometimes this information as well.
Theme
Template(s)
Region/item type(s)
When a question goes unanswered for a while, there is no need to reply to it or to start a new question. You can edit the original question and just add "Bump" at the bottom and save the changes. This will bump it back to the top of the question list. And by that time, you might think of additional information you can add to the question.
Say, why would a question go unanswered? Well, easy questions and frequently asked questions with well-known answers can be answered right away. Your question seems more complicated and I don't think we have all the information we need to understand exactly what the question is.
You are doing a "series" chart. What kind of series chart: bar, column, line? What is each series? For example, components of revenue might be 1) sales, 2) licensing revenue and 3) other. Then you might have one series for sales, a second for licensing revenue and a third for other.
Could you mock up a trivial example on apex.oracle.com http://apex.oracle.com/pls/apex/f?p=4700:1:0::::: ?
Regards,
Howard

No longer able to access the "Advanced" options via the Inspector Chart Series Advanced sequence

In iWorks9 Numbers in attempting to add trendline to a line chart I am suddenly no longer able to access the options under "Advanced" via the Click On Chart Line>Inspector>Chart>Series>Advanced sequence because the triangle button adjacent to Advanced is not highlighted and does not open up when clicked upon. Ideas?

well ... I spent some time this afternoon repairing disk permissions, checking application preferences, etc. and don't think I found anything directly related to this problem but after a few hours I returned to Numbers and lo and behold something changed and everything is working fine ... and I have no idea what was the cause and what was the fix but I'll take it. Heisenberg was right.

Setting the series color of a bi beans graph based on the data values

How do I conditionally set the series color of a bi beans graph based on the data values?
I am using the following code to get the data values and set the series color:
Graph gr=(Graph)CmdrDashboardP1_pres1.getView();
DataAccess da=gr.getGraphModel().getDataAccess();
DataDirector dd=gr.getDataDirector();
DataMap dm=dd.getDataMap();
int re=dd.ROW_EDGE;
int ce=dd.COLUMN_EDGE;
Object val=da.getValue(re,ce,dm.DATA_TYPE);
int seriesCount=da.getEdgeCurrentSlice(DataDirector.ROW_EDGE);
if (val <=45.0)
gr.getSeries().setColor(new Color(255,0,0),seriesCount);
I get a NullPointerException from the line of code "Object val=da.getValue(re,ce,dm.DATA_TYPE)." I have tried the code with DATA_UNFORMATTED as well, but get the same exception. When I print the DataMap value of dm the results are [dataUnformatted, dataViewFormat, value, dataIsTotal, dataType].
Also, I get the error "method <= (java.lang.Object,double) not found in class _CmdrDashboardP1" from the "if (val <=45.0)" code.
Thanks for any assistance

How do I conditionally set the series color of a bi beans graph based on the data values?
I am using the following code to get the data values and set the series color:
Graph gr=(Graph)CmdrDashboardP1_pres1.getView();
DataAccess da=gr.getGraphModel().getDataAccess();
DataDirector dd=gr.getDataDirector();
DataMap dm=dd.getDataMap();
int re=dd.ROW_EDGE;
int ce=dd.COLUMN_EDGE;
Object val=da.getValue(re,ce,dm.DATA_TYPE);
int seriesCount=da.getEdgeCurrentSlice(DataDirector.ROW_EDGE);
if (val <=45.0)
gr.getSeries().setColor(new Color(255,0,0),seriesCount);
I get a NullPointerException from the line of code "Object val=da.getValue(re,ce,dm.DATA_TYPE)." I have tried the code with DATA_UNFORMATTED as well, but get the same exception. When I print the DataMap value of dm the results are [dataUnformatted, dataViewFormat, value, dataIsTotal, dataType].
Also, I get the error "method <= (java.lang.Object,double) not found in class _CmdrDashboardP1" from the "if (val <=45.0)" code.
Thanks for any assistance

Chart Series Query SQL

Can anybody explain why a Line chart comprising of more than one Chart Series does not work when building the SQL constructed in PL/SQL ?
The second series is identical apart from the snapshot_ids.
I need to construct like this due to another problem with database links.
I''ve tried to trace this but nothing much is produced, maybe because of the SVG plug-in?
DECLARE q varchar2(1000);
BEGIN
q:='SELECT Snap_Time, Snap_TimeXX, Value
FROM (
SELECT TO_CHAR(S2.SNAP_TIME,''D'') Snap_Time,
TO_CHAR(S2.SNAP_TIME,''D'') Snap_TimeXX,
SUM(S.value) Value
FROM STATS$SYSSTAT S,
STATS$SNAPSHOT S2
WHERE S.SNAP_ID=S2.SNAP_ID
AND S.SNAP_ID between 832 and 859
AND S.INSTANCE_NUMBER=1
AND S.NAME=''execute count''
group by TO_CHAR(S2.SNAP_TIME,''D''))';
RETURN q;
END;

Yes it was that problem, but I still have an issue:
How do I set the Flash Chart to use a PL/SQL function in the first place ?
When I try to enter:
"return package.function;" in the Create Region Wizard, I get the following error:
Failed to parse SQL query:
return EXPERT.getFullListSQLByNC
ORA-00900: invalid SQL statement
Certain queries can only be executed when running your application, if your query appears syntactically correct, you can save your query without validation (see options below query source).

Possible to use formulas in chart series data?

Hello, I need to build chart series from manual values. This is possible but Excel accepts only raw values. When I try to use a calculated value, excel rejects the series format.
=SERIES("Supply";(Sheet1!$A$97;Sheet1!$H$47);(Sheet3!$B$10;Sheet3!$B$10);4)
is accepted. I need to adjust it to something like
=SERIES("Supply";(DATEVALUE("31.12.2014");MAX(Sheet1!A:A;Sheet1!H:H));(Sheet3!$B$10/365;Sheet3!$B$10/365);4)
this however doesn't fit. Does Excel provide a format for inline evaluating without need to use auxiliary cells?

It is not possible to evaluate formulas within a Series formula. You can use Names to calculate individual values from formulas, return an array of values or use a dynamic Name to return an array of cells and use Names in Series formulas.
However for your purposes I don't think even use of Names would help; from your first example your formulas return multiple cell areas (albeit only one cell in each area) and your second example aims to return an array with each formulas calculating each
element, you'd need a Name of Names which I don't think would work.
Even if you could do it the way you want I think it would be a bad approach. Why not make use of cells, there's no shortage of them and it would make things much easier for maintenance.

Chart series color

Similar Messages

Maybe you are looking for